网站常用js特效 - js效果大全

始终固定在网页底部完美兼容IE6 fixed的特效

日期：2011-12-10分类：网站常用js特效评论：没有评论浏览：671 views

这是一个兼容性超好的固定到网页底部的代码特效。难得可贵的是完善兼容ie6，一般的特效在ie6下还是有所滚动的，但是这个代码竟然是稳如泰山噢.这对广大前端开发者可是一个大福音噢。继续阅读 »

标签：代码特效兼容ie6 固定在底部

收缩展开js效果，百叶窗js效果

日期：2011-08-11分类：网站常用js特效评论：2条评论浏览：2,475 views

收缩展开js效果，百叶窗js效果

这是一个应用范围很广的js效果，可以用来介绍帮助文档或者是其它的一些列表信息来提升一些用户体验！过几天我会再分享一个js效果：就是只有一个信息是展开，点击其它的，展开的框架会自动收缩的！

继续阅读 »

标签：收缩展开百叶窗百叶窗js效果

超多滑动门效果、超多选项卡效果

日期：2011-07-15分类：网站常用js特效评论：没有评论浏览：1,563 views

今天给大家分享一下一个选项卡效果！只不过这不是一个寻常的滑动门、选项卡效果噢！这个可是超级多的选项卡啊！能容纳大量的新闻资讯类信息噢！赶快来看看效果吧！

继续阅读 »

标签：网站常用js特效超多滑动门效果超多选项卡效果

点击链接，从顶部向下平滑弹出一个div窗口

日期：2011-05-17分类：网站常用js特效评论：没有评论浏览：1,813 views

点击链接，从顶部向下平滑弹出一个div窗口

这个效果非常棒！可以作为网站常用的重要信息提示！具体方式为点击链接，从顶部上方，由上而下平滑弹出一个div窗口，窗口里的内容可以自定义，有关闭按钮。继续阅读 »

标签： div窗口向下平滑弹出div框网站常用js特效

带控制按钮左右滑动文字js效果

日期：2011-05-12分类：网站常用js特效评论：没有评论浏览：1,751 views

左右滑动文字js效果

这是一个非常不错的流畅文字左右滑动效果，看着非常流畅舒服。左右按钮控制，可作文章广告和文章列表等滑动样式。应该兼容所有的浏览器！在此推继续阅读 »

标签：左右滑动文字控制按钮网站常用js特效

select下拉菜单美化

日期：2011-05-04分类：网站常用js特效评论：没有评论浏览：1,554 views

select下拉菜单美化

大家都知道input按钮与文本域是可以直接用css美化的，但是select下拉美化却不能直接美化，这对于一些追求细致美的同志们确实不是一件很爽的事。今天共享一款js实现select下拉菜单美化效果。继续阅读 »

标签： select下拉菜单美化 select美化网站常用js特效

鼠标经过时特效，图片渐变成另外一张图片

日期：2011-04-26分类：网站常用js特效评论：没有评论浏览：1,500 views

鼠标经过时特效，图片渐变成另外一张图片

这个图片渐变js特效效果也很简单，就是一个图片img链接src一个图片，然后在img属性里加个样式写一个背景，就是图片跟背景之间的渐变风格的交替！继续阅读 »

标签：图片渐变交替网站常用js特效

自动切换选项卡js效果

日期：2011-04-08分类：网站常用js特效评论：没有评论浏览：928 views

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>自动切换选项卡</title> <style type="text/css"> *{list-style:none;margin:0;padding:0;overflow:hidden} .tab1{width:401px;border-top:#A8C29F solid 1px;border-bottom:#A8C29F solid 1px;margin:50px 200px;} .menu{width:400px;background:#eee;height:28px;border-right:#A8C29F solid 1px;border-bottom:#A8C29F solid 1px;} li{float:left;width:99px;text-align:center;line-height:28px;height:28px;cursor:pointer;border-left:#A8C29F solid 1px;color:#666;font-size:14px;overflow:hidden} .menudiv{width:399px;height:300px;border-left:#A8C29F solid 1px;border-right:#A8C29F solid 1px;border-top:0;background:#fefefe} .menudiv div{padding:15px;line-height:28px;} .off{background:#E0E2EB;color:#336699;font-weight:bold} </style> <script type="text/javascript"> function setTab(name,cursel){ cursel_0=cursel; for(var i=1; i<=links_len; i++){ var menu = document.getElementById(name+i); var menudiv = document.getElementById("con_"+name+"_"+i); if(i==cursel){ menu.className="off"; menudiv.style.display="block"; } else{ menu.className=""; menudiv.style.display="none"; } } } function Next(){ cursel_0++; if (cursel_0>links_len)cursel_0=1 setTab(name_0,cursel_0); } var name_0='one'; var cursel_0=1; var ScrollTime=3000;//循环周期（毫秒） var links_len,iIntervalId; onload=function(){ var links = document.getElementById("tab1").getElementsByTagName('li') links_len=links.length; for(var i=0; i<links_len; i++){ links[i].onmouseover=function(){ clearInterval(iIntervalId); this.onmouseout=function(){ iIntervalId = setInterval(Next,ScrollTime);; } } } document.getElementById("con_"+name_0+"_"+links_len).parentNode.onmouseover=function(){ clearInterval(iIntervalId); this.onmouseout=function(){ iIntervalId = setInterval(Next,ScrollTime);; } } setTab(name_0,cursel_0); iIntervalId = setInterval(Next,ScrollTime); } </script> </head> <body> <div class="tab1" id="tab1"> <div class="menu"> <ul> <li id="one1" onclick="setTab('one',1)">欢迎</li> <li id="one2" onclick="setTab('one',2)">新闻</li> <li id="one3" onclick="setTab('one',3)">介绍</li> <li id="one4" onclick="setTab('one',4)">祝福</li> </ul> </div> <div class="menudiv"> <div id="con_one_1"><h4 style="color:red">欢迎你来到我们的网站，JS效果大全欢迎您~</h4></div> <div id="con_one_2" style="display:none;"><h4 style="color:red">新闻1+1，快乐属于您</h4></div> <div id="con_one_3" style="display:none;"><h4 style="color:red">会自动切换的选项卡，很不错。</h4></div> <div id="con_one_4" style="display:none;"><h4 style="color:red">希望再来www.tonjay.com/js，再见！</h4></div> </div> </div> </body>

提示：你可以先修改部分代码再运行。

会自动循环切换的选项卡效果.会自动循环切换的滑动门效果.

标签：网站常用js特效自动切换选项卡js效果

新闻列表单行多行简洁向上滚动js效果

日期：2011-03-01分类：网站常用js特效评论：没有评论浏览：1,415 views

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>新闻列表单行滚动js效果，者多行滚动js效果，超简洁</title> <style> a{display:block;line-height:18px;text-decoration:none;color:#f00;font-family:Arial;font-size:12px;} a:hover{text-decoration:underline;} .shell{width:220px; } #div1{height:72px;overflow:hidden;} </style> </head> <body> <div class="shell"> <div id="div1"> <a href="http://www.tonjay.com/js">1jQuery的图片滚动切换插件</a> <a href="http://www.tonjay.com/js">2Mootools slider 滚动条拖动取值的实现 </a> <a href="http://www.tonjay.com/js">3VB开发的Eclipse编程软件完整版</a> <a href="http://www.tonjay.com/js">4VC++生成随机数并快速排序的算法</a> <a href="http://www.tonjay.com/js">5VB语音报数计算器源程序</a> <a href="http://www.tonjay.com/js">6jQuery的图片滚动切换插件</a> <a href="http://www.tonjay.com/js">7Mootools slider 滚动条拖动取值的实现 </a> <a href="http://www.tonjay.com/js">8VB开发的Eclipse编程软件完整版</a> <a href="http://www.tonjay.com/js">9VC++生成随机数并快速排序的算法</a> </div> <div> <script type="text/javascript">/*Js—AD*/ var cpro_id = 'u360072';</script><script src="http://cpro.baidu.com/cpro/ui/c.js" type="text/javascript"></script> <p style="font-size:18px;font-family:微软雅黑;">修改说明：#div1里的高度（72px）即是你需要显示的行数<br/> js里的18即是要滚动的行高；1500即是每次滚动所需要的时间，越大则速度越慢！ <a href="http://www.tonjay.com/js">Js大全</a>注！<p/> </body> <script> var c,_=Function; with(o=document.getElementById("div1")){ innerHTML+=innerHTML; onmouseover=_("c=1"); onmouseout=_("c=0");} (F=_("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:1500);".replace(/#/g,"o.scrollTop")))(); </script> </html>

提示：你可以先修改部分代码再运行。

新闻列表单行滚动js效果，者多行滚动js效果，超简洁
注：经测试兼容Ie6、7、8，FF以及谷歌浏览器！

标签：单行向上滚动多行向上滚动网站常用js特效

文章内容字体大中小字号转换和背景切换

日期：2011-01-25分类：网站常用js特效评论：没有评论浏览：1,137 views

文章内容页字号切换和背景切换

继续阅读 »

标签：字体大中小字号转换背景切换

第 1 页，共 1 页1

js效果大全

始终固定在网页底部完美兼容IE6 fixed的特效

收缩展开js效果，百叶窗js效果

超多滑动门效果、超多选项卡效果

点击链接，从顶部向下平滑弹出一个div窗口

带控制按钮左右滑动文字js效果

select下拉菜单美化

鼠标经过时特效，图片渐变成另外一张图片

自动切换选项卡js效果

新闻列表单行多行简洁向上滚动js效果

文章内容字体大中小字号转换和背景切换

公告

最新日志

最新评论

热门日志

日志存档

标签云

链接表

博客管理