教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js 滑动显示 代码

js 滑动显示 代码

发布时间:2016-11-28   编辑:jiaochengji.com
教程集为您提供js 滑动显示 代码等资源,欢迎您收藏本站,我们将为您提供最新的js 滑动显示 代码资源
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" ><html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 6.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>新建网页 1</title> </head> <body>
<span>CN英文域名注册|haoniux.cn|2008-03-20|2009-03-20|4200803201403304</span> <span>CN英文域名注册|zeikoo.cn|2008-03-20|2009-03-20|4200803201402302</span> <span>CN英文域名注册|myw3.cn|2008-03-18|2009-03-17|4200803181394355</span> <span>CN英文域名注册|mibeian.cn|2008-03-18|2009-03-17|4200803171394159</span> <span>CN英文域名注册|maifengji.cn|2008-03-04|2009-03-14|4200803041351426</span> <span>CN英文域名注册|maifengji.com.cn|2008-03-04|2009-03-14|4200803041351422</span> <span>CN英文域名注册|miaoqiyuan.cn|2008-03-04|2009-03-09|4200803041351409</span> <span>CN英文域名注册|dreameasy.com.cn|2008-03-03|2009-03-03|4200803031348970</span> <span>CN英文域名注册|wxcmnet.cn|2008-03-03|2009-03-03|4200803031349299</span> <span>CN英文域名注册|dreameasy.cn|2008-03-03|2009-03-03|4200803031348954</span> <span>CN英文域名注册|cmnet.sd.cn|2008-03-03|2009-03-03|4200803031349249</span> <span>CN英文域名注册|book-ol.cn|2008-03-03|2009-03-03|4200803031348862</span> <span>CN英文域名注册|is668.cn|2008-02-28|2009-02-27|4200802281334606</span> <span>CN英文域名注册|ricemachine.com.cn|2008-01-29|2009-01-28|4200801291279454</span> <span>CN英文域名注册|ricemachine.cn|2008-01-27|2009-01-27|4200801271276772</span> <span>CN英文域名注册|ricenachine.com.cn|2008-01-27|2009-01-27|4200801271276781</span> <span>CN英文域名注册|qymjx.cn|2008-01-27|2009-01-27|4200801271276771</span> <span>CN英文域名注册|tianchunfang.com.cn|2007-05-13|2008-05-13|4200705130694170</span> <span>CN英文域名注册|coolzoo.cn|2006-05-17|2008-05-17|4200605150156249</span>
<li>域名:<span id="ssite"></span></li> <li>域名类型:<span id="stype"></span></li> <li>业务成功日期:<span id="sdat1"></span></li> <li>业务到期日:<span id="sdat2"></span></li> <li>业务跟踪号:<span id="sid"></span></li> <li>查看网站:米</li> <li>查看网站:米</li> <li>百度收录:米</li> <li>Google收录:米</li> <li>SoSo收录:米</li> <li><iframe src="about:blank" name="top" frameborder=0 width=600 height=280></iframe></li>
<style> *{font-size:12px} li{list-style:none;height:26px;padding-top:5px;text-indent :4px;} #opx li{font-weight:700} #opx li span{font-weight:400;} </style> <script type="text/javascript"> var _sdb=document.getElementById("domaindb").getElementsByTagName("span"); var _sdv=document.getElementById("site_view"); document.getElementById("opx").style.display=""; for(i=0;i<_sdb.length;i ){ _sdv.appendChild(show_db(_sdb[i].innerText,i)); } var old_li function show_db(_db,k){ var _dbs=_db.split("|"); var _tmp=document.createElement("li"); _tmp.id="show_db" k _tmp.style.background="#eee" _tmp.style.display="block" _tmp.style.border="#aaa 1px solid" _tmp.style.fontWeight="400" var _tmp2=document.createTextNode(_dbs[1]); _tmp.stype=_dbs[0]; _tmp.sdat1=_dbs[2]; _tmp.sdat2=_dbs[3]; _tmp.sid=_dbs[4]; _tmp.onmouseover=function(){ //style if (!old_li)old_li=this.id if (!old_li==this.id)return document.getElementById(old_li).style.background="#eee"; document.getElementById(old_li).style.textIndent ="4px"; document.getElementById(old_li).style.color ="#000"; document.getElementById(old_li).style.fontWeight="400" this.style.background="#fff" this.style.textIndent ="20px" this.style.color ="#f00" this.style.fontWeight="700" old_li=this.id //inner document.getElementById("ssite").innerText=this.innerText; document.getElementById("stype").innerText=this.stype; document.getElementById("sdat1").innerText=this.sdat1; document.getElementById("sdat2").innerText=this.sdat2; document.getElementById("sid").innerText=this.sid; document.getElementById("wwww").innerText="www." this.innerText; document.getElementById("wwww").href="http://www." this.innerText; document.getElementById("w").innerText="" this.innerText; document.getElementById("w").href="http://" this.innerText; document.getElementById("wbaidu").innerText="Site:" this.innerText; document.getElementById("wbaidu").href="http://www.baidu.com/s?wd=Site:" this.innerText; document.getElementById("wgoogle").innerText="Site:" this.innerText; document.getElementById("wgoogle").href="http://www.google.cn/search?q=site:" this.innerText; document.getElementById("wsoso").innerText="Site:" this.innerText; document.getElementById("wsoso").href="http://www.soso.com/q?w=Site:" this.innerText; } _tmp.appendChild(_tmp2); return _tmp; }
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
滑动菜单
HTML5单页面手势滑屏切换原理分析
EasySlider 基于jQuery功能强大简单易用的滑动门插件
jQuery AnythingSlider滑动效果插件
带滑动条的jQuery分页插件 jPaginator
js非常不错的通用滑动门菜单
js图片无缝平滑滚动实例
jQuery 打造动态下滑菜单实现说明

[关闭]
~ ~