01 2012 档案
摘要：代码简介：这个图片特效在很多相册中用到，当鼠标点击小图片的时候无刷新窗口显示大图，基于上是用CSS实现，非常实用。代码内容：View Code <html> <head> <title>【荐】CSS实现的鼠标点击小图无刷新放大图片代码 - www.webdm.cn</title> <style> body{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;} a{color:#000; text-decoration:none;} .img{border
阅读全文
摘要：代码简介：非常酷的一个JavaScript图片放大效果，不信就运行一下试试，相信你会喜欢的。代码内容：View Code <html><head><title>JavaScript打造很酷的图片放大效果实例代码 - www.webdm.cn</title><meta http-equiv="imagetoolbar" content="no"><style type="text/css">body {background: #000;overflow: hidde
阅读全文
摘要：代码简介：这种效果好像在Youtube网站上看到过，不过Youtube是FLASH的，现在这个效果和FLASH几乎一样，这是基于JS的，带倒影的图片特效，很经典。代码内容：View Code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>【荐】JS+CSS防FLASH效果带倒影的图片切换效果代码 - www.webdm.cn</ti
阅读全文
摘要：代码简介：非常炫的图片特效，响应鼠标，鼠标经过时显示放大图片。图片获取的远程图片，可能会比较慢，请等待。代码内容：View Code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>JS打造的一款响应鼠标变化很炫的图片特效代码 - www.webdm.cn</title><style type="text/css
阅读全文
摘要：代码简介：本效果演示了一个响应鼠标的提示功能，鼠标移上图片后会滑出一个带背景的提示框，用CSS去控制它的大小和样式，用JS去控制它的滑出和速度，图文混排的时候这个能用得上。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&qu
阅读全文
摘要：代码简介：很常见的一款基于JS的图片幻灯片切换特效，与其它幻灯片不同之处是这款代码带有渐变效果，给人的感觉很舒服，像一个相册播放器一样，你只用将图片按顺序命名存放到指定目录，它会自动检测并播放。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/19
阅读全文
摘要：代码简介：这个代码是从搜狐女人频道着页扒下来的，不知道该怎么形容它，它可以响应鼠标运作，鼠标放上去展开，移走复位，像FLASH的效果，不多说了，运行一下就可看到效果。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"
阅读全文
摘要：代码简介：以前见过这种效果，但是是基于FLASH技术，现在是纯用JS实现的，代码有点多，不过效果还不错，实际上它也是一个图片滚动，只不过它完全是用鼠标点击控制的，也就是说鼠标不点击的时候它是静止的，每点一下向后移动一个图片，无缝衔接，如些循环。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=&
阅读全文
摘要：代码简介：非常平滑的JS图片滚动特效代码，无缝循环，速度可自定义，鼠标悬停时停止。它的特点是JS和图片地址分离，这样做你就经易的从数据库动态调用每张图片的地址，方便控制，因此它非常的应用。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/
阅读全文
摘要：代码简介：仿QQ的窗口抖动特效，鼠标移到到图片上面，图片就开始疯狂的抖动，好像对你的鼠标过敏一样，比较有意思，有会你的网页增加了修改功能。代码内容：View Code <html><head><title>鼠标移至图片后抖动的JS代码 - www.webdm.cn</title></head><BODY><style>.shakeimage{position:relative}</style><img src=http://www.webdm.cn/images/wall1_s.jpg cla
阅读全文
摘要：代码简介：用鼠标拖动一个图片移动，就像拖动一个层一样，这是一个JS拖动类代码，你可以无限制的增加图片，代码复用率比较高。代码内容：View Code <html><HEAD><title>用鼠标拖动图片的JS代码 - www.webdm.cn</title><style type="text/css"><!--.dragme{position:relative;}--></style><script type="text/javascript">var ie=
阅读全文
摘要：代码简介：不错一款图片无缝滚动特效，前后各有一按钮用来控制图片的控制，当然，也可以不控制，这样由JS代码自动云控制滚动，比较适合于产品列表，推荐图文等版块，看上去真不错。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
阅读全文
摘要：代码简介：运行一下代码才能看到效果噢，你会看到百度地图下边有LOGO，那可不是百度加上的噢，是通过CSS滤镜加上的效果，是不是和图片水印的效果相差无几呢？代码内容：View Code <head><title>用CSS实现图片水印效果代码 - www.webdm.cn</title><style type=text/css>.transp-block{background:#fff url(http://www.webdm.cn/themes/pic/webdm_logo.gif) no-repeat right bottom;margin:0p
阅读全文
摘要：代码简介：图片拖拉缩放效果（仿PHOTOSHOP），只是没有PS那么强大，不过也凑合，可以拉，先学习一下吧。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http
阅读全文