JS特效代码.doc_第1页
JS特效代码.doc_第2页
JS特效代码.doc_第3页
JS特效代码.doc_第4页
JS特效代码.doc_第5页
已阅读5页,还剩9页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

lastNo=0function re(menu_no)if(lastNo!=menu_no)cur=menu_no+1lastNo=menu_norest()elsecur=100document.getElementById(board+menu_no).style.visibility=visiblefunction rest()for(i=1;i=4;i+)document.getElementById(hor+i).style.top=20*i;document.getElementById(board+i).style.visibility=hiddenmenu_num=4; act=1 height=120+20 speed=0; posY=0;function huke()if(act=1&cur100)speed=(height-posY)*0.69+speed*0.6posY+=speedfor(i=cur;i=menu_num;i+)document.getElementById(hor+i).style.top=posY+(i-2)*20if(Math.abs(height-posY)0.5)for(i=cur;i=menu_num;i+)document.getElementById(hor+i).style.top=height+(i-2)*20act=0setTimeout(huke(),50)NewsPopulorSportsWoman1.由AS而想起Javascript2.用Jscript写ASP有没有先天性的不足?3.没有了。1.xhtml+css真的来了吗?2.Flash取代传统网站3.Flash何时才能连接数据库?1.程序员与小姐的10个相同。2.中国的程序员与中国的足球?1.二十一世纪最缺的是什么?人才查找更多代码,请访问:懒人图库css下拉菜单演示!-function menuFix() var sfEls = document.getElementById(nav).getElementsByTagName(li); for (var i=0; i0? : ) + sfhover; sfElsi.onMouseDown=function() this.className+=(this.className.length0? : ) + sfhover; sfElsi.onMouseUp=function() this.className+=(this.className.length0? : ) + sfhover; sfElsi.onmouseout=function() this.className=this.className.replace(new RegExp( ?|)sfhoverb),); window.onload=menuFix;/-产品介绍 产品一 产品一 产品一 产品一 产品一 产品一 服务介绍 服务二 服务二 服务二 服务二服务二 服务二服务二服务二 服务二 成功案例 案例三 案例 案例三案例三 案例三案例三案例三 关于我们 我们四 我们四 我们四 我们四111 在线演示 演示 演示 演示 演示演示演示 演示演示演示 演示演示 演示演示演示 演示演示演示演示演示 联系我们 联系联系联系联系联系 联系联系联系 联系 联系联系 联系联系 联系联系联系 联系联系联系 查找更多代码,请访问:懒人图库懒人图库#vertmenu font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;width: 160px;padding: 0px;margin: 0px;#vertmenu h1 display: block; background-color:#FF9900;font-size: 90%; padding: 3px 0 5px 3px;border: 1px solid #000000;color: #333333;margin: 0px;width:159px;#vertmenu ul list-style: none;margin: 0px;padding: 0px;border: none;#vertmenu ul li margin: 0px;padding: 0px;#vertmenu ul li a font-size: 80%;display: block;border-bottom: 1px dashed #C39C4E;padding: 5px 0px 2px 4px;text-decoration: none;color: #666666;width:160px;#vertmenu ul li a:hover, #vertmenu ul li a:focus color: #000000;background-color: #eeeeee; NavigationHomeAbout UsComputingWeb SitesGamesLinks查找更多代码,请访问:懒人图库var marqueeContent=new Array(); /滚动新闻marqueeContent0=14:25 小泉称若自民党在议会选举中失败;marqueeContent1=14:25 布什发表广播讲话;marqueeContent2=14:25 伊斯兰武装炸毁印控克什米尔铁路导致列车出轨;marqueeContent3=14:25 布雷默:即使抓住了萨达姆也难以结束抵抗行动;var marqueeInterval=new Array(); /定义一些常用而且要经常用到的变量var marqueeId=0;var marqueeDelay=2000;var marqueeHeight=20;/接下来的是定义一些要使用到的函数function initMarquee() var str=marqueeContent0; document.write(+str+); marqueeId+; marqueeInterval0=setInterval(startMarquee(),marqueeDelay); function startMarquee() var str=marqueeContentmarqueeId; marqueeId+; if(marqueeId=marqueeContent.length) marqueeId=0; if(marqueeBox.childNodes.length=1) var nextLine=document.createElement(DIV); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); else marqueeBox.childNodes0.innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes0); marqueeBox.scrollTop=0; clearInterval(marqueeInterval1); marqueeInterval1=setInterval(scrollMarquee(),20); function scrollMarquee() marqueeBox.scrollTop+; if(marqueeBox.scrollTop%marqueeHeight=(marqueeHeight-1) clearInterval(marqueeInterval1); initMarquee();查找更多代码,请访问:懒人图库多行滚动jQuery循环新闻列表代码ul,limargin:0;padding:0#scrollDivwidth:300px;height:100px;min-height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden#scrollDiv liheight:25px;padding-left:10px;/滚动插件(function($)$.fn.extend( Scroll:function(opt,callback) /参数初始化 if(!opt) var opt=; var _this=this.eq(0).find(ul:first); var lineH=_this.find(li:first).height(), /获取行高 line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), /每次滚动的行数,默认为一屏,即父容器高度 speed=opt.speed?parseInt(opt.speed,10):500, /卷动速度,数值越大,速度越慢(毫秒) timer=opt.timer?parseInt(opt.timer,10):3000; /滚动的时间间隔(毫秒) if(line=0) line=1; var upHeight=0-line*lineH; /滚动函数 scrollUp=function() _this.animate( marginTop:upHeight ,speed,function() for(i=1;i=line;i+) _this.find(li:first).appendTo(_this); _this.css(marginTop:0); ); /鼠标事件绑定 _this.hover(function() clearInterval(timerID); ,function() timerID=setInterval(scrollUp(),timer); ).mouseout(); )(jQuery);$(document).ready(function() $(#scrollDiv).Scroll(line:4,speed:500,timer:1000););多行滚动演示: 这是公告标题的第一行 这是公告标题的第二行 这是公告标题的第三行 这是公告标题的第四行 这是公告标题的第五行 这是公告标题的第六行 这是公告标题的第七行 这是公告标题的第八行 *请再次刷新查看效果,或保存到本地浏览*给图片加上播放按钮-懒人图库img display:block#imgBox li position:relative;list-style-type:none;border:1px solid #ccc;padding:3px;float:left.toolbar position:absolute;bottom:15px; right:15px; 查找更多代码,请访问:懒人图库给图片加上播放按钮/缩放图片到合适大小function ResizeImages() var myimg,oldwidth,oldheight; var maxwidth=550; var maxheight=880 var imgs = document.getElementById(article).getElementsByTagName(img); /如果你定义的id不是article,请修改此处 for(i=0;i myimg.height) if(myimg.width maxwidth) oldwidth = myimg.width;

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论