编辑模板 - css.htm
找到:
下面加上:
- <style type="text/css">
- #hintbox{ /*CSS for pop up hint box */
- position:absolute;
- background-color: lightyellow;
- width: 150px; /*Default width of hint.*/
- padding: 3px;
- border:1px solid black;
- font:normal 11px Verdana;
- line-height:18px;
- z-index:100;
- border-right: 3px solid black;
- border-bottom: 3px solid black;
- visibility: hidden;
- }
- .hintanchor{ /*CSS for link that shows hint onmouseover*/
- font-weight: bold;
- color: navy;
- margin: 3px 8px;
- }
- </style>
- <script type="text/javascript">
-
- var horizontal_offset="9px" //horizontal offset of hint box from anchor link
- /////No further editting needed
- var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change.
- var ie=document.all
- var ns6=document.getElementById&&!document.all
- function getposOffset(what, offsettype){
- var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
- var parentEl=what.offsetParent;
- while (parentEl!=null){
- totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
- parentEl=parentEl.offsetParent;
- }
- return totaloffset;
- }
- function iecompattest(){
- return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
- }
- function clearbrowseredge(obj, whichedge){
- var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
- if (whichedge=="rightedge"){
- var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40
- dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
- if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
- edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)
- }
- else{
- var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
- dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
- if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
- edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
- }
- return edgeoffset
- }
- //more javascript from www.smallrain.net
- function showhint(menucontents, obj, e, tipwidth){
- if ((ie||ns6) && document.getElementById("hintbox")){
- dropmenuobj=document.getElementById("hintbox")
- dropmenuobj.innerHTML=menucontents
- dropmenuobj.style.left=dropmenuobj.style.top=-500
- if (tipwidth!=""){
- dropmenuobj.widthobj=dropmenuobj.style
- dropmenuobj.widthobj.width=tipwidth
- }
- dropmenuobj.x=getposOffset(obj, "left")
- dropmenuobj.y=getposOffset(obj, "top")
- dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"
- dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
- dropmenuobj.style.visibility="visible"
- obj.onmouseout=hidetip
- }
- }
- function hidetip(e){
- dropmenuobj.style.visibility="hidden"
- dropmenuobj.style.left="-500px"
- }
- function createhintbox(){
- var divblock=document.createElement("div")
- divblock.setAttribute("id", "hintbox")
- document.body.appendChild(divblock)
- }
- if (window.addEventListener)
- window.addEventListener("load", createhintbox, false)
- else if (window.attachEvent)
- window.attachEvent("onload", createhintbox)
- else if (document.getElementById)
- window.onload=createhintbox
- </script>
复制代码
编辑模板 - login.htm:
找到:
- <a href="register.php">{lang register_now}</a>
复制代码
改为:
- <a href="register.php" class="hintanchor" onMouseover="showhint('请输入用户名称,应该字母和数字结合使用.', this, event, '150px')">{lang register_now}</a>
复制代码
找到:
- <a href="member.php?action=lostpasswd">{lang lostpassword}</a>
复制代码
改为:
- <a href="member.php?action=lostpasswd" class="hintanchor" onMouseover="showhint('忘记密码.可以点击这里取回密码.', this, event, '200px')">>{lang lostpassword}</a>
复制代码
完成!
提外话。其实可以看出来
- onMouseover="showhint('请输入用户名称,应该字母和数字结合使用.', this, event, '150px')">
复制代码
这两句都可以随便改。当然也可以随便加到其他显示的地方。这个就看你的变通了。这个只是实现一个地方。其他地方可以自己加这样的代码。文字改了就可以了 |