摘要:
代码简介:最简的JavaScript方法实现鼠标经过切换图片,学习JS的朋友可以试着加一个LOADING,这样就上水平了,本代码可以很好的嵌入到ASP/PHP/ASP.NET程序中,图片地址可由这些程序上传后从数据库读取出来。代码内容:View Code <title>超简单的JavaScript鼠标经过切换图片代码_网页代码站(www.webdm.cn)</title><script>functionshowDaTu(src){document.getElementById("defaultImg").src=src;}</scr 阅读全文
摘要:
代码简介:鼠标放到图片上会滑出提示文字,不用多介绍了,运行一下就知道效果了。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>鼠标放到图片上会滑出提示文字代码_网页代码站(w 阅读全文
摘要:
代码简介:CSS漂亮的图片边框,边框是用背景图片修饰的,不过可以自适应大小,这点挺实用的,不论你的图片有多大,它始终显示在图片的外围,不会错位,这当然还要归功于CSS的功劳。代码内容:View Code <html><head><title>CSS实现自适应的图片背景边框代码_网页代码站(www.webdm.cn)</title><styletype="text/css">body{text-align:center;margin-top:100px;}.in{border:1pxsolid#666;padding 阅读全文
摘要:
代码简介:前后轮翻的JS图片幻灯切换,和普通的图片切换没有什么区别,区别在于图片的切换方式上,用到了一些prototype的相关技术,自动检测图片张数,运行时如果看不到效果,请等待图片加载完成。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml 阅读全文
摘要:
代码简介:纯CSS实现鼠标经过放大图片,可能不是太好,因为缩略图实际上加载的仍然是完整的大幅图片,只不过是用CSS控制了显示的区域,因此可能会影响网页加载,不过CSS方法是不错,初学者参考一下。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml 阅读全文
摘要:
代码简介:NBA网站的大幅焦点图切换效果,代码里有较多的注释,适合研究一下,图片是远程地址,你最好保存到本地,本焦点图是动态变化,会自动播放,鼠标点击的时候会响应鼠标,用JavaScript实现的。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xht 阅读全文
摘要:
代码简介:真正的JavaScript鼠标放上加载大图的效果,唯一不爽的地方是没有Loading,在淘宝网的商品列表中有这样的效果,有些朋友很想要的效果,但是却不知该如何形容,本放大还带有渐入渐出动画,如果不想要的话,可以去掉哦,这样代码就更精简了。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="h 阅读全文
摘要:
代码简介:JavaScript 算法生成弹性透明的图片放大效果,代码值得看一下哦,弹性和缓冲是一个意思,JS缓冲效果在网页中使用很频繁,使用缓冲技术可以制作出超多的精美特效来。代码内容:View Code <html><head><title>JavaScript弹性透明的图片放大代码_网页代码站(www.webdm.cn)</title><styletype="text/css">html{overflow:hidden;}body{margin:0px;padding:0px;background:#000;p 阅读全文
摘要:
代码简介:在右下角随机显示的图片广告,随机的形式是载入图片的顺序没有规律,完全由程序随机调用的图片,至于显示在什么地方,这个是灵活的,你也可以改为显示在最上角。代码内容:View Code <html><head><title>右下角随机显示的CSS+JS图片广告_网页代码站(www.webdm.cn)</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"></head><body> 阅读全文
摘要:
代码简介:自已写的JavaScript轮显切换效果,虽然还不是十分完美,但作为自己的一点小成就奉献给大家,示例里的文字可以换成图片,这样图片切换的效果就出来了。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><hea 阅读全文