-
js结合onMouseOver实现鼠标响应图片改变透明度
所属栏目:[Asp教程] 日期:2018-08-22 热度:116
js结合onMouseOver实现鼠标响应图片变清晰,这也是我们在网页制作中经常见到的效果,有的网站用在了友情链接位置,当我们第一眼看到图片时发现图片很模糊,当鼠标经过图片时,就变的清楚了,类似于PS中的图片透明度,挺不错的代码,赶紧给自己的网站用上吧[详细]
-
图片固定范围内左右移动,就像秋千一样
所属栏目:[Asp教程] 日期:2018-08-22 热度:162
图片的左右移动,具备像荡秋千一样的动画效果,图片自己可重新定义,移动速度和距离也可在代码内设定,挺简单的Js生成动画的特效代码,该代码可能在网上没有直接使用的价值,但是具有参考的意义,童鞋们可以多学习一下JS脚本。 演示: htmlheadmeta http-e[详细]
-
渐隐渐显的图片自动播放,纯JavaScript代码实现
所属栏目:[Asp教程] 日期:2018-08-22 热度:143
渐隐渐显的图片自动播放,纯 Java Script代码实现,一个小效果,针对图片而编写的,结合了JavaScript,让一连串的图片以渐显示的方式自动播放,图片的网址赋值给了JS的数组,再交给主程序循环调用,并为图片的渐渐显示功能写了一个函数,使图片的透明度在1[详细]
-
通过下拉框菜单选择查看图片的网页代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:176
通过下拉框菜单选择查看图片的网页代码,一个很实在的小代码,采用带跳转的下拉框切换图片,以达到查看图片的效果。实际上是个基础的技巧,早在学网页设计的时候, dreamweaver 里就有此功能,除了做成切换图片,网址跳转也是可以的,演示效果请点击运行按[详细]
-
jQuery实现产品图片放大效果,响应鼠标弹出
所属栏目:[Asp教程] 日期:2018-08-22 热度:117
基于 jQuery 的图片放大代码,响应鼠标,我们在淘宝网经常见到这样的效果,因此就效果而言,与淘宝网的相比没差多少,使用了jQuery插件简化了不少代码,原图是调用的大图,不需要重新制作缩略图,简单方便的图片效果。 为解决一些网页特效运行后不能显示效[详细]
-
图片上下左右全方位滚动特效,通过按钮可控制
所属栏目:[Asp教程] 日期:2018-08-22 热度:53
图片上下左右全方位滚动特效,通过按钮可控制,一眼看上去好像 录音机 的界面,其实这是一个通过JS控制方向滚动的图片,大家学习一下吧。 注意:在滚动的时候,鼠标还可以拖动,但是你会发现,即使你拖动了,它还是照样会按照原来的方向滚动。 演示: HTML[详细]
-
JavaScript控制图片放大,图片缩小,图片还原
所属栏目:[Asp教程] 日期:2018-08-22 热度:127
烈57火24网(LieHuo17.Net)教72程 Java Script代码实现对图片放大、缩小的控制,当点击放大的时候,图片会放大,点缩小则变小,连续点击则不断的放大,也可清除还原。这项功能是通过 Math.pow(x,y) 的幂运算来计算大小图片放大缩小的尺寸。 演示: htmlhead[详细]
-
CSS 教程: Fliter 图片修饰特效代码之二
所属栏目:[Asp教程] 日期:2018-08-22 热度:195
一个CSS教程,主要讲Fliter滤镜的使用方法,将一幅图片修饰成不同的效果,类似反光、翻转图片、副片、单色、增加通道等图像专业效果。通过这个小教程,你或许会对Fliter有个熟悉的了解。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional/[详细]
-
Css filter:滤镜修饰图片实例代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:127
烈87火56网(LieHuo42.Net)教63程 Css filter:滤镜修饰图片实例,同一张照片,通过定义不同的CSS修饰效果,会获得让你意想不到的效果。其实这里仅使用了CSS中的Fliter滤镜,设置Fliter不同的参数,得到不同的光照角度,出来的效果当然也就不一样了。 演示:[详细]
-
在网页空白处单击鼠标显示图片的JS代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:79
烈14火66网(LieHuo87.Net)教55程 Java Script 在网页上单击鼠标的地方显示图片,有意思吧,其实菜单也可以这样搞,单击鼠标,显示菜单,呵可,把IMG标签换成DIV,把图片换成文字,把文字再制作成菜单,是不是一款隐藏菜单就做好了? 推荐类似文章:显示与隐[详细]
-
jQuery图片切换类代码,多种形式的幻灯片插件
所属栏目:[Asp教程] 日期:2018-08-19 热度:109
jQuery 图片切换类代码,多种形式的幻灯片插件。网上有很多基于Jquery的slide show,效果很漂亮、功能也很全,但是如果要应用某种效果,就非得导入某个插件,而这些文件通常都不会太小,为个一个slide show就导入一个文件,觉得有点不值,所以自己写了一个[详细]
-
jQuery简单的按钮控制图片上下移动代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:171
jQuery 简单的按钮控制图片上下移动代码,使用jQuery框架实现的上下图片滚动效果,代码比较少,同时(界面)也比较简单,上下分别带有控制按钮,通过按钮可控制图片的上下滚动,分享给大家,希望您能够喜欢。 为解决一些网页特效运行后不能显示效果(例如[详细]
-
JS+Css模拟图片滑动切换展示,带多功能按钮
所属栏目:[Asp教程] 日期:2018-08-19 热度:137
Java script结合CSS模拟图片滑动切换展示,作者只是使用了DIV层代替了图片,技术水平非常不错的,如果你想用在自己的网站中,可以自行替换为图片,与以往常见的图片切换有所不同的是,这款图片滑动展示还带有多功能控制按钮! 示例: !DOCTYPE htmlhtml xm[详细]
-
jQuery图片切换代码,响应鼠标滑动效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:64
jQuery 图片切换代码,响应鼠标滑动效果!您第一眼看到这个效果时也许会以为是flash实现的,当你右击时就会明白不是Flash了,这是jQuery结合CSS和图片完成的,动态切换、还可以显示文字标题! 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
JavaScript简单的焦点图,鼠标滑动切换代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:68
Java Script简单的焦点图,鼠标滑动切换代码,简单的滑动效果,已经经过的优化和修改,虽然还有些不是非常完善,但作为第一次写这样的效果,请大家给点鼓励哦。图片切换是大家在平时经常用到的效果,通过效果你也可以学习到一些有用的JS知识。 示例: !DOC[详细]
-
一款黑色风格的JS图片切换效果,代码来自奇艺
所属栏目:[Asp教程] 日期:2018-08-19 热度:150
一款黑色风格的图片切换效果,代码是在百度旗下 奇艺视频 网站整理下来的,怎么说呢!大站设计的东西就是漂亮,无论从UI视觉还是兼容性方面,都是非常棒的,个人站长调用简单方便,当然这里需要您有一定的HTML知识! 示例: !DOCTYPE htmlhtml xmlns=http:[详细]
-
jQuery+Css模拟带标题导航的图片切换效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:197
jQuery +Css模拟带标题导航的图片切换效果,这里只所以给图片两个字加了引号,是解释为没有图片,而是使用了CSS层代替的,同时结合了强大的jQuery插件,给代码带来动感的切换效果,烈火网推荐您用于网站首页图文混排的内容切换形式,当然这里需要您有一定[详细]
-
图片查看器雏形,JS+CSS使用层模拟的代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:130
一款图片查看器雏形,前端技术大牛使用JS+CSS使用层模拟的代码,也就是说使用层替代了图片,同样有图片查看器的效果,右侧有导航切换。测试时候请把li标签内的内容更换为图片,每次点击标题,即可载入对应图片,就像一款 图片浏览器 一样。 示例: !DOCTYP[详细]
-
图片幻灯切换代码,JavaScript实现百叶窗效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:146
图片幻灯切换代码, Java Script实现百叶窗效果,用JS模拟PPT里的幻灯片切换效果,推入推出和淡入淡出的由于太多了,就先不发了,先上百叶窗切换特效热热身。(代码有许多需要优化的地方,最大的一处就是图片缓存,这里只做引出思路之用。 示例: !Doctype[详细]
-
图片旋转特效,JS实现图片左右方向旋转代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:60
Java Script仿微博中的图片旋转特效,图片旋转特效,JS实现图片左右方向旋转代码,可以向左转、向右转,看了sina微薄的图片向左向右旋转效果心痒痒,于是仿照着做了一个,嘿嘿,效果不是太好,图片被拉伸的不像样子了,大家自己换成合适的就可以了。 示例[详细]
-
JS图片切换效果,结合CSS仿淘宝的幻灯代码
所属栏目:[Asp教程] 日期:2018-08-16 热度:118
JS图片切换效果,结合CSS仿淘宝taobao首页轮播原生js面对对象封装版,刚学习JS面向对象,今天周末没地方应聘就在租的地方倒腾点东西,可能不入各位牛人的法眼,不过能帮小弟分析分析代码,小弟就不甚荣幸。我用的是改变透明度的办法,图片是淘宝的首页图片[详细]
-
鼠标拖动图片至任意位置,JS图片拖放效果
所属栏目:[Asp教程] 日期:2018-08-16 热度:117
鼠标拖动图片至任意位置,JS图片拖放效果。通过下边的代码演示可以看到:页面中的这两张图片可以用鼠标拖动的,在页面装入的时候初始化事件捕获过程,通过这个代码你或许会学会以不少东西,特别是拖动对象的处理。 演示: htmlheadstyle type=text/css#ver[详细]
-
渐变模糊的图像代码,鼠标经过高亮显示效果
所属栏目:[Asp教程] 日期:2018-08-16 热度:86
渐变模糊的图像代码,鼠标经过高亮显示效果,用JS代码改变图像光照效果,模糊或高亮显示一幅图片。鼠标移到模糊的图上,图慢慢地变清晰,移走鼠标,图又变模糊。以前发过类似的效果,可能在实现的思路上会不一样,你可以参考一下本款图片渐变有何异同。 演[详细]
-
JS平滑滚动的图片切换代码,带左右按钮控制
所属栏目:[Asp教程] 日期:2018-08-16 热度:199
JS平滑滚动的图片切换代码,带左右按钮控制。一个基于JS来实现的焦点图,原生JS面向对象的思想,左右滚动的焦点图,经过修改,能在主流浏览器下(包括IE6-9、chrome、firefox)正常的运行,通过对本焦点图的编写,主要学习javascript的面向对象机制,与常[详细]
-
图片加载特效,JS图片loading个性显示效果
所属栏目:[Asp教程] 日期:2018-08-16 热度:77
图片加载特效,JS图片loading个性显示效果。说的白话一些就是图片在加载的时候不是一下子加载完,而是随着网页滚动条的滚动,即时加载,这样可以节省资源,让网页在初始状态的打开速度非常快,避免了用户等待。这里使用了一个封装的JS类文件,你可以引伸功[详细]