<html> <title>左下角浮动的图片，随机显示两张图片的其中一张</title> <body> <!-- 把下列代码加到<body>区域内 --> <script language="JavaScript" type="text/javascript"> <!-- var imgheight1 var imgleft1 document.ns = navigator.appName == "Netscape" window.screen.width>800 ? imgheight1=300:imgheight1=300 //default160 window.screen.width>800 ? imgleft1=20:imgleft1=150 function myload1() { if (navigator.appName == "Netscape") {document.myleft1.pageY=pageYOffset+window.innerHeight-imgheight1; document.myleft1.pageX=imgleft1; leftmove1(); } else { myleft1.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight1; myleft1.style.right=imgleft1; leftmove1(); } } function leftmove1() { if(document.ns) { document.myleft1.top=pageYOffset+window.innerHeight-imgheight1 document.myleft1.right=imgleft1; setTimeout("leftmove1();",1) } else { myleft1.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight1; myleft1.style.right=imgleft1; setTimeout("leftmove1();",1) } } function MM_reloadPage1(init) { if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage1; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage1(true) if (navigator.appName == "Netscape") { document.write("<layer id=myleft1 top=300 width=100 height=100>"); var x=Math.random(); var i=Math.round(x*2-0.5); if (i==0) { document.write("<a href=nogo target=_blank><img src=http://img.daimajiayuan.com/uploads/allimg/1207/1F14J608-0.jpg border=0></a>"); } if (i==1) { document.write("<a href=nogo target=_blank><img src=http://img.daimajiayuan.com/uploads/allimg/1207/1F14G0I-1.jpg border=0></a>"); } document.write("</layer>"); myload1() } else { document.write("<div id=myleft1 style='position: absolute;width:100;top:200;left:20;visibility: visible;z-index: 1'>"); var x=Math.random(); var i=Math.round(x*2-0.5); if (i==0) { document.write("<a href=#><img src=http://img.daimajiayuan.com/uploads/allimg/1207/1F14J608-0.jpg border=0></a>"); } if (i==1) { document.write("<a href=#><img src=http://img.daimajiayuan.com/uploads/allimg/1207/1F14G0I-1.jpg border=0></a>"); } document.write("</div>"); myload1() } //--> </script> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </body> </html> <p align="center">本特效由 <a href="http://www.daimajiayuan.com">代码家园</a>丨 收集于互联网，只为兴趣与学习交流，不作商业用途。</p> 运行代码 复制代码 另存代码 提示：可以先修改部分代码后再运行 转载请注明：代码家园 » 左下角浮动的图片，随机显示两张图片的其中一张 继续浏览有关 的文章 上一篇：推荐又感应鼠标的图片预览特效 下一篇：很漂亮的图片幻灯切换特效 相关代码 基于jQuery实现的点击图片翻页展示特效 超酷的图片重叠渐显特效 图片从上往下滚动切换特效 使用jQuery的Flickr照片分享网的图片预览特效 + js控制图片向各个方向滚动特效 + 获取指定图片的url地址的JS脚本 + 九宫格图片半透明渐显特效 + 单个图片向上滚动显示可作友情链接 + 鼠标经过时，图片滚动停止特效 + 可以随意拖动的多个图片（可作拼图） + 不停闪烁的图片，可带链接 + 点击图片直接把图片地址复制到粘贴板 + 下拉框选择要显示的图片 + 鼠标点击图片即可随机变换图片 + CSS定义一张图片的灰度、反相、X光特效 + 超酷超绚精美图片展示特效代码(四)
基于jQuery实现的点击图片翻页展示特效