可用的js特效代码.doc

添加到收藏夹设为首页1、间断和不间断的文字滚动-文本特效-间断和不间断文本滚动效果.boxwidth:150px;height:25px;line-height:25px;border:#bbb 1px solid;overflow:hidden;.box ulmargin:0;padding:0.box liheight:25px;line-height:25px;font-size:12px;text-align:center;list-style-type:none; 第一行 第二行 第三行 第一行 第二行 第三行 function startmarquee(lh,speed,delay,index)var t;var p=false; var o=document.getElementById(marqueebox+index);o.innerHTML+=o.innerHTML; o.onmouseover=function()p=trueo.onmouseout=function()p=falseo.scrollTop = 0;function start()t=setInterval(scrolling,speed);if(!p) o.scrollTop += 1; function scrolling() if(o.scrollTop%lh!=0)o.scrollTop += 1; if(o.scrollTop=o.scrollHeight/2) o.scrollTop = 0;else clearInterval(t);setTimeout(start,delay); setTimeout(start,delay);startmarquee(25,30,3000,0);startmarquee(25,40,0,1);1、 图片的上下左右滚动代码：向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)var speed=30;var colee2=document.getElementById(colee2);var colee1=document.getElementById(colee1);var colee=document.getElementById(colee);colee2.innerHTML=colee1.innerHTML; /克隆colee1为colee2function Marquee1()/当滚动至colee1与colee2交界时if(colee2.offsetTop-colee.scrollTop=0)colee.scrollTop-=colee1.offsetHeight; /colee跳到最顶端elsecolee.scrollTop+var MyMar1=setInterval(Marquee1,speed)/设置定时器/鼠标移上时清除定时器达到滚动停止的目的colee.onmouseover=function() clearInterval(MyMar1)/鼠标移开时重设定时器colee.onmouseout=function()MyMar1=setInterval(Marquee1,speed)var speed=30var colee_bottom2=document.getElementById(colee_bottom2);var colee_bottom1=document.getElementById(colee_bottom1);var colee_bottom=document.getElementById(colee_bottom);colee_bottom2.innerHTML=colee_bottom1.innerHTMLcolee_bottom.scrollTop=colee_bottom.scrollHeightfunction Marquee2()if(colee_bottom1.offsetTop-colee_bottom.scrollTop=0)colee_bottom.scrollTop+=colee_bottom2.offsetHeightelsecolee_bottom.scrollTop-var MyMar2=setInterval(Marquee2,speed)colee_bottom.onmouseover=function() clearInterval(MyMar2)colee_bottom.onmouseout=function() MyMar2=setInterval(Marquee2,speed)/使用div时，请保证colee_left2与colee_left1是在同一行上.var speed=30/速度数值越大速度越慢var colee_left2=document.getElementById(colee_left2);var colee_left1=document.getElementById(colee_left1);var colee_left=document.getElementById(colee_left);colee_left2.innerHTML=colee_left1.innerHTMLfunction Marquee3()if(colee_left2.offsetWidth-colee_left.scrollLeft=0)/offsetWidth 是对象的可见宽度colee_left.scrollLeft-=colee_left1.offsetWidth/scrollWidth 是对象的实际内容的宽，不包边线宽度elsecolee_left.scrollLeft+var MyMar3=setInterval(Marquee3,speed)colee_left.onmouseover=function() clearInterval(MyMar3)colee_left.onmouseout=function() MyMar3=setInterval(Marquee3,speed)var speed=30/速度数值越大速度越慢var colee_right2=document.getElementById(colee_right2);var colee_right1=document.getElementById(colee_right1);var colee_right=document.getElementById(colee_right);colee_right2.innerHTML=colee_right1.innerHTMLfunction Marquee4()if(colee_right.scrollLeft=0)colee_right.scrollLeft+=colee_right2.offsetWidthelsecolee_right.scrollLeft-var MyMar4=setInterval(Marquee4,speed)colee_right.onmouseover=function() clearInterval(MyMar4)colee_right.onmouseout=function() MyMar4=setInterval(Marquee4,speed)图片向左循环滚动JS图片横向滚动代码（无缝、平滑）!-var speed=10;var tab=document.getElementById(demo);var tab1=document.getElementById(demo1);var tab2=document.getElementById(demo2);tab2.innerHTML=tab1.innerHTML;function Marquee()if(tab2.offsetWidth-tab.scrollLeft2、 显示时间的jsJavaScript 时间显示function showLocale(objD)var str,colorhead,colorfoot;var yy = objD.getYear();if(yy1900) yy = yy+1900;var MM = objD.getMonth()+1;if(MM10) MM = 0 + MM;var dd = objD.getDate();if(dd10) dd = 0 + dd;var hh = objD.getHours();if(hh10) hh = 0 + hh;var mm = objD.getMinutes();if(mm10) mm = 0 + mm;var ss = objD.getSeconds();if(ss10) ss = 0 + ss;var ww = objD.getDay();if ( ww=0 ) colorhead=;if ( ww 0 & ww 6 ) colorhead=;if ( ww=6 ) colorhead=;if (ww=0) ww=星期日;if (ww=1) ww=星期一;if (ww=2) ww=星期二;if (ww=3) ww=星期三;if (ww=4) ww=星期四;if (ww=5) ww=星期五;if (ww=6) ww=星期六;colorfoot=str = colorhead + yy + - + MM + - + dd + + hh + : + mm + : + ss + + ww + colorfoot;return(str);function tick()var today;today = new Date();document.getElementById(localtime).innerHTML = showLocale(today);window.setTimeout(tick(), 1000);tick();查找更多代码，请访问：懒人图库注：使用引用方法时，要在html文件中添加才能正常显示3、 防止复制的代码禁止网页复制的代码 网页禁止右键、禁止查看源代码、禁止复制的代码，试试你的右键、ctrl+c和ctrl+c吧 4、 图片及缩略图切换特效网页特效 首页图片切换/* Reset style */* margin:0; padding:0; word-break:break-all; body background:#fff; color:#000000; font:12px/1.6em Helvetica, Arial, sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;h1, h2, h3, h4, h5, h6 font-size:1em; a color:#0287CA; text-decoration:none; a:hover text-decoration:underline; ul, li list-style:none; fieldset, img border:none; legend display:none; em, strong, cite, th font-style:normal; font-weight:normal; input, textarea, select, button font:12px Helvetica, Arial, sans-serif; table border-collapse:collapse; html overflow:-moz-scrollbars-vertical; /*Always show Firefox scrollbar*/* iFocus style */#ifocus width:650px; height:245px; margin:0px; border:1px solid #DEDEDE; background:#F8F8F8; #ifocus_pic display:inline; position:relative; float:left; width:540px; height:225px; overflow:hidden; margin:10px 0 0 10px; #ifocus_piclist position:absolute; #ifocus_piclist li width:550px; height:225px; overflow:hidden; #ifocus_piclist img width:550px; height:225px; #ifocus_btn display:inline; float:right; width:91px; margin:9px 9px 0 0; #ifocus_btn li width:91px; height:57px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); #ifocus_btn img width:75px; height:45px; margin:7px 0 0 11px; #ifocus_btn .current background: url(img/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); #ifocus_opdiv position:absolute; left:0; bottom:0; width:545px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); #ifocus_tx position:absolute; left:8px; bottom:8px; color:#FFF; #ifocus_tx .normal display:none; function $(id) return document.getElementById(id); function addLoadEvent(func) var oldonload = window.onload; if (typeof window.onload != function) window.onload = func; else window.onload = function() oldonload(); func(); function moveElement(elementID,final_x,final_y,interval) if (!document.getElementById) return false; if (!document.getElementById(elementID) return false; var elem = document.getElementById(elementID); if (elem.movement) clearTimeout(elem.movement); if (!elem.style.left) elem.style.left = 0px; if (!elem.style.top) elem.style.top = 0px; var xpos = parseInt(elem.style.left); var ypos = parseInt(elem.style.top); if (xpos = final_x & ypos = final_y) return true; if (xpos final_x) var dist = Math.ceil(xpos - final_x)/10); xpos = xpos - dist; if (ypos final_y) var dist = Math.ceil(ypos - final_y)/10); ypos = ypos - dist; elem.style.left = xpos + px; elem.style.top = ypos + px; var repeat = moveElement(+elementID+,+final_x+,+final_y+,+interval+); elem.movement = setTimeout(repeat,interval);function classNormal(iFocusBtnID,iFocusTxID) var iFocusBtns= $(iFocusBtnID).getElementsByTagName(li); var iFocusTxs = $(iFocusTxID).getElementsByTagName(li); for(var i=0; i=2) iFocusBtns1.onmouseover = function() moveElement(ifocus_piclist,0,-225,5); classNormal(ifocus_btn,ifocus_tx); classCurrent(ifocus_btn,ifocus_tx,1); if (listLength=3) iFocusBtns2.onmouseover = function() moveElement(ifocus_piclist,0,-450,5); classNormal(ifocus_btn,ifocus_tx); classCurrent(ifocus_btn,ifocus_tx,2); if (listLength=4) iFocusBtns3.onmouseover = function() moveElement(ifocus_piclist,0,-675,5); classNormal(ifocus_btn,ifocus_tx); classCurrent(ifocus_btn,ifocus_tx,3); setInterval(autoiFocus(),3500);var atuokey = false;function autoiFocus() if(!$(ifocus) return false; if(atuokey) return false; var focusBtnList = $(ifocus_btn).getElementsByTagName(li); var listLength = focusBtnList.length; for(var i=0; ilistLength; i+) if (focusBtnListi.className = current) var currentNum = i; if (currentNum=0&listLength!=1 ) moveElement(ifocus_piclist,0,-225,5); classN