当前位置：首页 > 设计在线 > 网页设计 > Javascript > xScrollStick

xScrollStick

点击次数：18 次发布日期：2008-11-26 22:02:30 作者：源代码网

源代码网推荐

这是一个跟随滚动条漂浮的JS特效，就是说滚动条滚动而元素相对屏幕位置不变

网上有很多类似的效果，本代码比较起来有如下优点：

1. 兼容IE6.0+ & FF1.5+
2. 使用非常简单，属于菜鸟最爱的那种拿来就能用的，见下面说明
3. 元素之间不会起冲突，一页中可以有n个特效，多元素使用无代码冗余

缺点有：

1. 只能在声明为xHTML的文档中使用
2. 元素最好放在body下
3. 滚动时不可避免的会有闪烁（已经比较轻微，但追求完美者可能觉得不爽）

使用说明：
在页面中引用JS包，然后在需要特效的div上设定class为xScrollStick即可，当然不要忘记给每个元素写上你希望它固定的位置

示例1：

<div class="xScrollStick" style="left:0px;top:0px">
Content...
</div>

示例2：

<div class="xScrollStick positionStyleName">
Content...
</div>

演示：

运行代码框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xHTML1/DTD/xHTML1-transitional.dtd"> <HTML> <head> <meta http-equiv="content-type" content="text/HTML; charset=gb2312" /> <title>xScrollStick Demo</title> <script type="text/JavaScript"> //<![CDATA[ //********************/ // x 系列之 xScrollStick // 作者：Hutia // 未经同意不得转载或用于商业用途 //********************/ /* 说明： x系列是Hutia开发的系列JS代码，配合相应的<a href="/keys/css/index.html" target="_blank">CSS</a>后可以实现快速的自定义标签目前xScrollStick支持的浏览器类型为：IE5.5, FF1.5 xScrollStick的标签为 <div class="xScrollStick"> Content... </div> 支持属性：无支持方法：无 */ //**载入CSS***** var xScrollStickCSSFilePath="sp/CSS/xframe.CSS"; //document.write("<style>@import url("+xScrollStickCSSFilePath+");</style>"); //**检测浏览器种类***** var BROWSERNAME=""; switch(navigator.appName.toLowerCase()){ case "netscape": BROWSERNAME="ns"; break; case "microsoft internet explorer": default: BROWSERNAME="ie"; break; } //**设置初始化事件****** switch(BROWSERNAME){ case "ns": window.addEventListener("load",_xScrollStick_init,false); break; case "ie": default: window.attachEvent("onload",_xScrollStick_init); } //**初始化函数****** function _xScrollStick_init(){ var allTheScrollSticks=document.getElementsByTagName("div"); for(var i=0;i<allTheScrollSticks.length;i++){ if(allTheScrollSticks[i].className.match(/^((xScrollStick)|(.+ +xScrollStick)|(xScrollStick +.+)|(.+ +xScrollStick +.+))$/))_xScrollStick_event_doInit(allTheScrollSticks[i]); } window_event_scroll(); } //**事件响应函数区****** function _xScrollStick_event_doInit(element){ //初始化变量 element.offX=element.offsetLeft; element.offY=element.offsetTop; //设置方法 element.Stick=_xScrollStick_method_Stick; //设置事件 switch(BROWSERNAME){ case "ns": window.addEventListener("scroll",window_event_scroll,false); break; case "ie": default: window.attachEvent("onscroll",window_event_scroll); } //获取设置 //无 document.body.parentNode.onscroll=window_event_scroll; } function window_event_scroll(){ var allTheScrollSticks=document.getElementsByTagName("div"); for(var i=0;i<allTheScrollSticks.length;i++){ if(allTheScrollSticks[i].className.match(/^((xScrollStick)|(.+ +xScrollStick)|(xScrollStick +.+)|(.+ +xScrollStick +.+))$/))try{allTheScrollSticks[i].Stick();}catch(e){} } } //**方法函数区****** function _xScrollStick_method_Stick(){ var x=this.offX, y=this.offY, po=this; this.style.position="absolute"; x+=document.body.parentNode.scrollLeft; y+=document.body.parentNode.scrollTop; this.style.left=x+"px"; this.style.top=y+"px"; } //**通用函数区*** //无 //]]> </script> <style> .xScrollStick{ position:absolute; padding:15px; border:1px solid black; width:120px; height:24px; } .d1 { left:0px;top:0px; } .d2 { right:0px;top:0px; } .d3 { left:0px;bottom:0px; } .d4 { right:0px;bottom:0px; } </style> </head> <body style="text-align:center;"> <div class="xScrollStick d1"> <a href="http://www.163.com">俺是浮动条</a> </div> <div class="xScrollStick d2">俺是浮动条2</div> <div class="xScrollStick d3">俺是浮动条3</div> <div class="xScrollStick d4">俺是浮动条4</div> <div style="top:0px;width:400px;height:2000px;"> afosdhfosdhg<br> afosdhfosdhg<br>afosdhfosdhg<br> afosdhfosdhg<br>afosdhfosdhg<br> afosdhfosdhg<br>afosdhfosdhg<br> afosdhfosdhg<br>afosdhfosdhg<br> afosdhfosdhg<br>afosdhfosdhg<br> afosdhfosdhg<br> </div> </body> </HTML>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

页面由两个个部分组成：

页面文件：

代码拷贝框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xHTML1/DTD/xHTML1-transitional.dtd"> <HTML> <head> <meta http-equiv="content-type" content="text/HTML; charset=gb2312" /> <title>xScrollStick Demo</title> <script type="text/JavaScript" src="http://www.zzchn.com/edu/20071117/sp/js/xscrollstick.js"></script> <style> .xScrollStick{ position:absolute; padding:15px; border:1px solid black; width:120px; height:24px; } .d1 { left:0px;top:0px; } .d2 { right:0px;top:0px; } .d3 { left:0px;bottom:0px; } .d4 { right:0px;bottom:0px; } </style> </head> <body style="text-align:center;"> <div class="xScrollStick d1"> <a href="http://www.163.com">俺是浮动条</a> </div> <div class="xScrollStick d2">俺是浮动条2</div> <div class="xScrollStick d3">俺是浮动条3</div> <div class="xScrollStick d4">俺是浮动条4</div> <div style="top:0px;width:400px;height:2000px;"> afosdhfosdhg<br> afosdhfosdhg<br>afosdhfosdhg<br> afosdhfosdhg<br>afosdhfosdhg<br> afosdhfosdhg<br>afosdhfosdhg<br> afosdhfosdhg<br>afosdhfosdhg<br> afosdhfosdhg<br>afosdhfosdhg<br> afosdhfosdhg<br> </div> </body> </HTML>
[Ctrl+A 全部选择然后拷贝]

js：

运行代码框
//<![CDATA[ //********************/ // x 系列之 xScrollStick // 作者：Hutia // 未经同意不得转载或用于商业用途 //********************/ /* 说明： x系列是Hutia开发的系列JS代码，配合相应的CSS后可以实现快速的自定义标签目前xScrollStick支持的浏览器类型为：IE5.5, FF1.5 xScrollStick的标签为 <div class="xScrollStick"> Content... </div> 支持属性：无支持方法：无 */ //**载入CSS***** var xScrollStickCSSFilePath="sp/CSS/xframe.CSS"; //document.write("<style>@import url("+xScrollStickCSSFilePath+");</style>"); //**检测浏览器种类***** var BROWSERNAME=""; switch(navigator.appName.toLowerCase()){ case "netscape":<a class="font_12" title="在这里你会得到众多高手的技术帮助" href="http://group.qqread.com" target="_blank">进入讨论组</a>讨论。 <div class="left_6"> <img src="http://www.zzchn.com/2007css/dian_1.gif" alt="更多专题" width="11" height="9" /> <span class="font_4">【深度阅读】</span> 相关文章 <div class="left_6_1_1"><li><a href="/pcbase/z283742.html" title="Memory Stick Duo" target="_blank">Memory Stick Duo</a></li><li><a href="/linux/2006/11/l267054.html" title="set uid ,set gid,sticky bit的三个权限的详细说明" target="_blank">set uid ,set gid,sticky bit的三个权限的详细说</a></li></div> </div> </div> <div class="left_4"></div> <div class="left_12">【<a onClick="window.external.addFavorite(document.location.href,document.title)" style="cursor:pointer">收藏此文</a>】【<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>】【<a href="javascript:doPrint()">打印</a>】【<a href="javascript:window.close()">关闭</a>】</div> <div class="left_11"><span class="font_8">较早的文章：</span><a href="/javascript/k230297.html" target="_blank" title="XMLHTTP+javascript+Asp写得聊天室，无刷新实现。原创代码放送！服务器支持Asp即可使用(五)">XMLHTTP+javascript+Asp写得聊天室，无刷新实现。原创代码放送！服务器支持Asp即可使用(五)</a><br /><br /> <span class="font_8">较新的文章：</span><a href="/javascript/q230390.html" target="_blank" title="xWin之JS版">xWin之JS版</a><br /></div> <div class="left_11" align="center"> <script type="text/javascript" src="http://www.qqread.com/0000js/adtitle.js"></script> </div> <div class="left_10"> <div class="left_7"><span class="font_10">相关图文阅读</span></div> <div class="left_8"> <iframe marginwidth="0" marginheight="0" frameborder="0" scrolling="No" src="http://www.qqread.com/artpicframe/2103/picFrame_h.html" width="568" height="118"></iframe> </div> <div class="left_7"><span class="font_10">频道图文推荐</span></div> <div class="left_picasa" id="picasa_pic"> </div> <div class="left_9"> <div class="left_9_1"><span class="font_3">健康咨询</span></div> <div class="left_9_2"> <script type="text/javascript" src="http://www.zzchn.com/0000js/jk.js"></script> </div> </div> <div class="left_9"> <div class="left_9_1"><span class="font_3">时尚咨询</span></div> <div class="left_9_2"> <script type="text/javascript" src="http://www.zzchn.com/0000js/lux.js"></script> </div> </div> </div> <div class="left_10"> <div class="left_10_1">精彩友情推荐</div> <div class="left_10_2"> <ul> <li><a href="http://www.pcdog.com/2007hot/picasa/" target="_blank" class="font_9">Picasa看图软件</a></li> <li><a href="http://product.it168.com/list/b/04181639_1.shtml" target="_blank">网新易尚防火墙</a></li> <li><a href="http://product.it168.com/list/b/04181639_1.shtml" target="_blank">易尚防火墙</a></li> <li><a href="/book/xunlei/" target="_blank">迅雷下载教程</a></li> </ul> <ul> <li><a href="/book/acdsee/" target="_blank">ACDSee技巧大全</a></li> <li><a href="http://product.it168.com/list/b/04181695_1.shtml" target="_blank">nokia防火墙</a></li> <li><a href="http://product.it168.com/list/b/04181718_1.shtml" target="_blank">东软防火墙</a></li> <li><a href="http://www.vlan9.com/" target="_blank">Cisco与华为技术网</a></li> </ul> <ul> <li><a href="/book/1ghost/" target="_blank">1Ghost专题分析</a></li> <li><a href="http://product.it168.com/list/b/04181887_1.shtml" target="_blank">神州数码防火墙</a></li> <li><a href="http://product.it168.com/list/b/04181911_1.shtml" target="_blank">清华得实防火墙</a></li> <li><a href="/network/" target="_blank">网络技术</a></li> </ul> <ul> <li><a href="/linux/tech/" target="_blank">Linux教程</a></li> <li><a href="http://product.it168.com/list/b/04181943_1.shtml" target="_blank">netgear防火墙</a></li> <li><a href="http://product.it168.com/list/b/04182812_1.shtml" target="_blank">华为3com防火墙</a></li> <li><a href="http://www.pcdog.com/" target="_blank" class="font_9">电脑狗网站</a></li> </ul> </div> </div> </div> <div class="z"><img width="21" height="347" src="http://www.qqread.com/2007css/qqread_ver_logo.gif" alt="巧巧读书宗旨" /></div> <div class="right"> <div id="fox"></div> <div class="right_2"> <div class="right_2_1">相关专题</div> </div> <div class="right_3"></div> <div class="h_line"></div> <div align="center" class="right_1" id="hzh"></div> <div class="right_2"> <div class="right_2_1"><span class="font_3">热点标签：</span> <a class="link_keywords" href="/keys/css/index.html" target="_blank">css</a> <a class="link_keywords" href="/keys/html/index.html" target="_blank">html</a> <a class="link_keywords" href="/keys/ie/index.html" target="_blank">ie</a> <a class="link_keywords" href="/keys/java/index.html" target="_blank">java</a> <a class="link_keywords" href="/keys/javascript/index.html" target="_blank">javascript</a> </div> </div> <div class="right_3" id="picasa_txt"></div> <div class="right_2"> <div class="right_2_2" id="bt_top_1"><a href="javascript:" onclick="change_top2("1")">阅读排行榜</a></div> <div class="right_2_1" id="bt_top_2"><a href="javascript:" onclick="change_top2("2")">最新技术文档</a></div> <div align="center" class="right_4_3"><a href="/javascript/rank/" target="_blank">更多排行>></a></div> </div> <div class="right_3" id="div_top_1">·<a href="/javascript/e121733030.html" title="源码学习:一个简单的日历控件" target="_blank">源码学习:一个简单的日历控件</a> <span class="font_2">(4644次浏览)</span><br />·<a href="/javascript/w572218301.html" title="JavaScript教程(7)-JavaScript窗口及输入输出" target="_blank">JavaScript教程(7)-JavaScript窗口及输入输</a> <span class="font_2">(884次浏览)</span><br />·<a href="/javascript/i325404.html" title="VS2008中JavaScript编辑调试器的秘密" target="_blank">VS2008中JavaScript编辑调试器的秘密</a> <span class="font_2">(90次浏览)</span><br />·<a href="/javascript/t325112.html" title="arp病毒利用的Javascript技术" target="_blank"><font color="ff0000">arp病毒利用的Javascript技术</font></a> <span class="font_2">(71次浏览)</span><br />·<a href="/javascript/u321429030.html" title="实战数据绑定：基于客户端的分页导航" target="_blank">实战数据绑定：基于客户端的分页导航</a> <span class="font_2">(69次浏览)</span><br />·<a href="/javascript/w323275.html" title="JavaScript中的作用域" target="_blank">JavaScript中的作用域</a> <span class="font_2">(47次浏览)</span><br />·<a href="/javascript/w327280.html" title="JavaScript提供商应该注意的五大死角问题" target="_blank"><font color="ff0000">JavaScript提供商应该注意的五大死角问题</font></a> <span class="font_2">(0次浏览)</span></div> <div class="right_3" id="div_top_2">·<a href="/javascript/w327280.html" title="JavaScript提供商应该注意的五大死角问题" target="_blank"><font color="ff0000">JavaScript提供商应该注意的五大死角问题</font></a> 08-22<br />·<a href="/javascript/i325404.html" title="VS2008中JavaScript编辑调试器的秘密" target="_blank">VS2008中JavaScript编辑调试器的秘密</a> 08-09<br />·<a href="/javascript/t325112.html" title="arp病毒利用的Javascript技术" target="_blank"><font color="ff0000">arp病毒利用的Javascript技术</font></a> 08-08<br />·<a href="/javascript/w323275.html" title="JavaScript中的作用域" target="_blank">JavaScript中的作用域</a> 07-27<br />·<a href="/javascript/w572218301.html" title="JavaScript教程(7)-JavaScript窗口及输入输出" target="_blank">JavaScript教程(7)-JavaScript窗口及输入输出</a> 07-20<br />·<a href="/javascript/e121733030.html" title="源码学习:一个简单的日历控件" target="_blank">源码学习:一个简单的日历控件</a> 07-17<br />·<a href="/javascript/u321429030.html" title="实战数据绑定：基于客户端的分页导航" target="_blank">实战数据绑定：基于客户端的分页导航</a> 07-15<br />·<a href="/javascript/c314526.html" title="页面元素可拖拽放置的实现原理" target="_blank">页面元素可拖拽放置的实现原理</a> 05-29<br />·<a href="/javascript/d312335.html" title="用javascript 转换外部链接样式" target="_blank">用javascript 转换外部链接样式</a> 05-13<br />·<a href="/javascript/u311530.html" title="实例：使用Javascript制作声音按钮" target="_blank">实例：使用Javascript制作声音按钮</a> 05-07</div> <script>change_top2("1");</script> <div class="right_2"> <div class="right_2_1">最新论坛文章</div> </div> <div class="right_3"> <script language="JavaScript" src="http://group.qqread.com/api/javascript.php?key=t2103"></script> </div> <div class="right_2"> <div class="right_2_1">站内各频道最新更新文档</div> </div> <div class="right_3"> <div class="picList"> <ul> <li><a href="http://travel.qqread.com/china/hkmctw/taiwan/pic/index.html" target="_blank"><img src="http://travel.qqread.com/picindex/20070411/images/rw5_1_150106.jpg" alt="形形色色的台湾特产--美女" width="140" height="110" border="0" /></a> <h6><a href="http://travel.qqread.com/china/hkmctw/taiwan/pic/index.html" target="_blank">形形色色的台湾特产</a></h6> </li> <li><a href="http://fashion.qqread.com/luxury/ml/pic/" target="_blank"><img src="http://fashion.qqread.com/picindex/20070519/images/xi1_1_140110.jpg" alt="怀念逝去的“黛玉”妹妹陈晓旭" width="140" height="110" border="0" /></a> <h6><a href="http://fashion.qqread.com/luxury/ml/pic/" target="_blank">怀念“黛玉”妹妹</a></h6> </li> </ul> </div> <div class="right_3" id="baidu"></div> </div> <div class="right_2"> <div class="right_2_1">站内最新制作专题</div> </div> <div class="right_3"> <div class="picList"> <ul> <li><a href="http://travel.qqread.com/comeback/skill/pic/index.html" target="_blank"><img height="110" alt="阳春三月境内境外赏花忙" src="http://travel.qqread.com/picindex/20070312/images/qz8_1_150106.jpg" width="140" border="0" /></a> <h6><a href="http://travel.qqread.com/comeback/skill/pic/index.html" target="_blank">阳春三月境内境外赏花忙</a></h6> </li> <li><a href="http://health.qqread.com/shoushen/yundong/e072757.html" target="_blank"><img height="110" alt="运动促前第二次发育轻松胸“涌”出位" src="http://health.qqread.com/picindex/20060829/images/vr12723_1_13090.jpg" width="140" border="0" /></a> <h6><a href="http://health.qqread.com/shoushen/yundong/e072757.html" target="_blank">运动促前第二次发育</a></h6> </li> </ul> </div> <div class="txtList"> <ul> <li><a href="/book/acdsee/" target="_blank">ACDSEE专题教程-下载使用</a></li> <li><a href="/book/xunlei/" target="_blank">迅雷专题教程-下载使用</a></li> <li><a href="/windows/xp/" title="Windows XP频道" target="_blank">Windows XP频道</a></li> <li><a href="/windows/vista/" title="Windows Vista频道" target="_blank">Windows Vista频道</a></li> <li><a href="/windows/2000/" title="Windows 2000频道" target="_blank">Windows 2000频道</a></li> <li><a href="/windows/2003/" title="win2003频道" target="_blank">win2003频道</a></li> <li><a href="/freebsd/tech/" title="Freebsd频道" target="_blank">Freebsd频道</a></li> <li><a href="/oracle/tech/" title="Oracle频道" target="_blank">Oracle频道</a></li> </ul> <ul> <li><a href="/linux/tech/" title="Linux频道" target="_blank">Linux频道</a></li> <li><a href="/windows/s/" title="Windows频道" target="_blank">Windows频道</a></li> <li><a href="/z/server/mail/" title="邮件服务器专题" target="_blank">邮件服务器专题</a></li> <li><a href="/z/protocol/" title="协议大全" target="_blank">协议大全</a></li> <li><a href="/z/data/backup/" title="数据恢复指南教程" target="_blank">数据恢复指南教程</a></li> <li><a href="/z/freebsd/tech/" title="FreeBSD使用教程" target="_blank">FreeBSD使用教程</a></li> <li><a href="/z/linux/data/" title="Linux数据库宝典" target="_blank">Linux数据库宝典</a></li> <li><a href="/z/linux/tech/" title="Linux基础知识" target="_blank">Linux基础知识</a></li> </ul> </div> </div> <div class="right_2"> <div class="right_2_1">热门关键字导读</div> </div> <div class="right_6"> <script type="text/javascript" src="http://www.zzchn.com/0000js/keyword.js"></script> <span class="font_9">Photoshop教程</span>：<a href="/keys/photo-chuli/" target="_blank" class="font_10">照片处理</a> <a href="/keys/photoshop-photo/" target="_blank" class="font_10">照片制作</a> <a href="/keys/photoshop-keys/" class="font_10" target="_blank">PS快捷键</a> <a href="/keys/koutu/" target="_blank" class="font_10">抠图</a><br /> <span class="font_9">计算机故障</span>：<a href="/keys/xp-repair/" target="_blank" class="font_10">XP系统修复</a><br /> <span class="font_9">艺术与设计</span>：<a href="/keys/design/" target="_blank" class="font_10">设计</a> <a href="/keys/stream-media/" target="_blank" class="font_10">流媒体</a> <a href="http://fashion.qqread.com/design/" title="设计欣赏" target="_blank" class="font_10">设计欣赏</a> <a href="/keys/biankuang/" target="_blank" class="font_10">边框</a><br /> <span class="font_9">计算机安全</span>：<a href="/keys/arp/" target="_blank" class="font_10">ARP</a><br /> </div> <div class="right_2"> <div class="right_2_1">站内频道文章精选</div> </div> <div class="right_3"> <div class="dbtxtList"> <ul> <h5>新闻资讯</h5> <li><a href="/news/n307469.html" target="_blank">秘密:Vista隐蔽的动态屏保</a></li> <li><a href="/news/w306276.html" target="_blank">腾讯开发新电子宠物--QQ熊</a></li> <li><a href="/news/g306933.html" target="_blank">惠普否认2999元PC有价无货</a></li> <h5>操作系统</h5> <li><a title="怎样在DOS下恢复回收站中的文件？" href="/dos/e284337.html" target="_blank">在DOS下恢复回收站中的文件</a></li> <li><a title="拯救Windows XP操作系统崩溃的救命" href="/win98/2007/04/f307977.html" target="_blank">拯救WinXP崩溃的救命</a></li> <li><a title="Linux操作系统中超级权限控制的应用" href="/linux/2007/04/y307978.html" target="_blank">Linux系统中超级权限的应用</a></li> <h5>桌面开发</h5> <li><a title="用AVIFile函数制做AVI文件基本步骤" href="/cpp/d307988.html" target="_blank">AVIFile函数制做AVI文件</a></li> <li><a title="在VC中链接动态链接库的方法简要说明" href="/vc/e305643.html" target="_blank">VC中链接动态链接库的方法</a></li> <li><a title="熊猫烧香核心源码(Delphi模仿版本)" href="/delphi/a297047.html" target="_blank"><font color="#6600CC">熊猫烧香核心源码(Delphi)</font></a></li> <h5>数据库</h5> <li><a title="SQL Server数据库优化方案" href="/sqlserver/2007/04/f307997.html" target="_blank">SQL Server数据库优化方案</a></li> <li><a title="Oracle的初学者入门心得" href="/oracle/2007/04/b307995.html" target="_blank">Oracle的初学者入门心得</a></li> <li><a title="JSP连接Mysql数据库" href="/mysql/w307303.html" target="_blank">JSP连接Mysql数据库</a></li> </ul> <ul> <h5>电脑技巧</h5> <li><a href="/skill/r306239.html" target="_blank">驱逐Win系统“流氓”文件</a></li> <li><a href="/skill/j305544.html" target="_blank">WinXP中获取未使用的IP地址</a></li> <li><a href="/skill/f305128.html" target="_blank">尝试format C:格式化硬盘？</a></li> <h5>常用软件</h5> <li><a title="搜狗PKGoogle：谁能代言拼音输入法？" href="/soft-testing/v307477.html" target="_blank">搜狗PK谷歌：谁能代言拼...</a></li> <li><a title="昨日轻松重现！一键GHOST轻松备份系统" href="/sys-soft/h307494.html" target="_blank">昨日重现，一键GHOST轻松..</a></li> <li><a title="自己实现利用Web迅雷在空闲时杀毒" href="/app-soft/h308013.html" target="_blank">实现Web迅雷在空闲时杀毒</a></li> <h5>网络程序开发</h5> <li><a title="DateDiff函数祥解" href="/asp/2007/04/q306125.html" target="_blank">DateDiff函数祥解</a></li> <li><a title="JavaScript去除空格的三种方法" href="/javascript/w305447.html" target="_blank">JavaScript去除空格的三种</a> </li> <li><a title="js效果图片加载进度实时显示" href="/jscript/c293377.html" target="_blank">js效果图片加载进度实时..</a></li> <h5>图像处理</h5> <li><a title="Photoshop为美女照片做艺术处理" href="/photoshop/2007/04/c308009.html" target="_blank">Photoshop为美女做艺术处理</a></li> <li><a title="用Freehand创建发光字特效" href="/freehand/d291583.html" target="_blank">用Freehand创建发光字特效</a></li> <li><a title="设计自己的个性QQ动态表情" href="/imageready/t280110.html" target="_blank"><font color="#6600CC">设计自己的个性QQ动态表情</font></a></li> </ul> </div> </div> <div class="right_2"> <div class="right_2_1">百度推荐，商机无限</div> </div> <div class="right_3" id="baidu"></div> <div class="right_2"> <div class="right_2_1">搜索您感兴趣的内容</div> </div> <div class="right_3" id="srch"></div> </div> <div style="clear: both"></div> </div> <div class="endLineH"></div>  <span id="w_hzhad"> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById("w_hzh").innerHTML=document.getElementById("w_hzhad").innerHTML; document.getElementById("w_hzhad").innerHTML=""; </script>   <span id="hzhad"> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById("hzh").innerHTML=document.getElementById("hzhad").innerHTML; document.getElementById("hzhad").innerHTML=""; </script>   <span id="gglinkad"> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById("gglink").innerHTML=document.getElementById("gglinkad").innerHTML; document.getElementById("gglinkad").innerHTML=""; </script>   <span id="picasa_txtad"> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById("picasa_txt").innerHTML=document.getElementById("picasa_txtad").innerHTML; document.getElementById("picasa_txtad").innerHTML=""; </script>   <span id="picasa_picad"> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById("picasa_pic").innerHTML=document.getElementById("picasa_picad").innerHTML; document.getElementById("picasa_picad").innerHTML=""; </script>   <span id="foxad"> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById("fox").innerHTML=document.getElementById("foxad").innerHTML; document.getElementById("foxad").innerHTML=""; </script>   <span id="baiduad"> <script type="text/javascript"> cpro_client="jkday2000cpr"; cpro_cbd="#86AC5F"; cpro_cbg="#FFFFFF"; cpro_ctitle="#0000ff"; cpro_cdesc="#444444"; cpro_curl="#008000"; cpro_clink="#FFFFFF"; cpro_flush=4; cpro_w=300; cpro_h=250; cpro_template="text_pages_300_250"; </script> <script language="JavaScript" type="text/javascript" src="http://cpro.baidu.com/cpro/ui/cp.js"></script> </span> <script type="text/javascript"> document.getElementById("baidu").innerHTML=document.getElementById("baiduad").innerHTML; document.getElementById("baiduad").innerHTML=""; </script>   <span id="srchbox">  <form method="get" action="http://www.google.com/custom" target="_top"> <table border="0" > <tr> <td><input type="hidden" name="domains" value="qqread.com"> <input type="text" name="q" size="10" maxlength="200" value=""> <font size="5"> <input type="submit" name="sa" value="搜索"> </font></td> </tr> <tr> <td nowrap="nowrap"><table> <tr> <td><input type="radio" name="sitesearch" value=""> <font size="2">Web</font></td> <td><input type="radio" name="sitesearch" value="qqread.com" checked="checked"> <font size="2">全站</font></td> </tr> </table> <input type="hidden" name="client" value="pub-1572879403720716"> <input type="hidden" name="forid" value="1"> <input type="hidden" name="ie" value="GB2312"> <input type="hidden" name="oe" value="GB2312"> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"> <input type="hidden" name="hl" value="zh-CN"></td> </tr> </table> </form>  </span> <script type="text/javascript"> document.getElementById("srch").innerHTML=document.getElementById("srchbox").innerHTML; document.getElementById("srchbox").innerHTML=""; </script>  <script src="http://www230.clickeye.cn/common/clickeye.js"></script>  <div class="foot"> <div align="center" class="foot_1"><a href="/about/email.html" target="_blank">巧巧电脑频道编辑信箱</a> <a href="http://group.qqread.com/forum-89-1.html" target="_blank">告诉我们您想看的专题或文章</a></div> <div align="center" class="foot_2"> <script type="text/javascript" src="http://www.zzchn.com/0000qqreadcss/footer.js"></script> <script type="text/javascript" src="http://www.haoxz.com/click.aspx?s=572767988888&c=199827&id=230363"></script> </div> </div>   <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-2187909-1"; urchinTracker(); </script> </body> </html>

源代码网供稿.

上一篇: web标准相关的一些链接下一篇: xWin之JS版

网友评论 (0)

我也要写评论

xScrollStick的相关新闻

会员中心

设计在线

本站推荐

设计在线之精华