js实现鼠标点击(非a:hover,a:link,a:visited,a:active)的样式切换效果
js实现鼠标点击(非a:hover,a:link,a:visited,a:active)的样式切换效果
js:
js代码[code]1.function changeBg(link)
2.{
3.var alllinks=document.getElementById("mylink").getElementsByTagName("a");
4.for(var i=0;i
js+CSS控制左右切换鼠标可控的无缝图片滚动代码 代码简介: 以前见过这种效果,但是是基于FLASH技术,现在是纯用js实现的,代码有点多,不过效果还不错,实际上它也是一个图片滚动,只不过它完全是用鼠标点击控制的,也就是说鼠标不点击的时候它是静止的,每点一下向后移动一个图片,无缝衔接,如些循环。 代码内容: View Code[code]
【荐】js+CSS防FLASH效果带倒影的图片切换效果代码 代码简介: 这种效果好像在Youtube网站上看到过,不过Youtube是FLASH的,现在这个效果和FLASH几乎一样,这是基于js的,带倒影的图片特效,很经典。 代码内容: View Code[code]
js+CSS控制左右切换鼠标可控的无缝图片滚动代码 代码简介: 以前见过这种效果,但是是基于FLASH技术,现在是纯用js实现的,代码有点多,不过效果还不错,实际上它也是一个图片滚动,只不过它完全是用鼠标点击控制的,也就是说鼠标不点击的时候它是静止的,每点一下向后移动一个图片,无缝衔接,如些循环。 代码内容: View Code[code]
var widths=730; var heights=313; var counts=7; img1=new Image ();img1.src='images/movie/1.jpg'; img2=new Image ();img2.src='images/movie/2.jpg'; img3=new Image ();img3.src='i...
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> HTML> HEAD> TITLE> New Document /TITLE> META NAME="Generator" CONTENT="EditPlus"> META NAME="Author" CONTENT=""> META NAME="Keywords" CONTENT=""> META NAME="Description" CONTENT=""> /HEAD> script language="javascript"> function dgclasslist(prefix,id) { var elem; for (var i=1; i=5; i++) { if (id == ...
1.对搜索引擎友好 2.对美工友好,因为数据和代码是分开的,完全不懂js的都可以用fontpage修改动画内容 可以把js代码保存为一个文件 然后,然后无须修改代码一个字母 就可以在多个页面中实现动画了 #g_div{text-align:right;overflow:hidden} .b{width:24px; height:16px; background:#737373; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px} .b:hover{width:24px; height:16px; background...
用js取得图片mime类型,好像某些图片类型取不到。 演示图片等比例缩小 function Wa_SetImgAutoSize(img) { //var img=document.all.img1;//获取图片 var MaxWidth=100;//设置图片宽度界限 var MaxHeight=50;//设置图片高度界限 var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比 var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比 alert("tes...
苦苦找了很久,峰回路转,突然看到了这个,能对付简单的应用就足够。 演示图片等比例缩小 function Wa_SetImgAutoSize(img) { //var img=document.all.img1;//获取图片 var MaxWidth=100;//设置图片宽度界限 var MaxHeight=50;//设置图片高度界限 var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比 var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比...