-
横向带缓冲的图片轮播,可手动控制有页码
所属栏目:[Asp教程] 日期:2018-09-04 热度:66
本文中介绍的特效是由 Java script完成的,仿淘宝网的图片切换,类似相册播放的效果,没有使用 jQuery ,特效中带有页码,可以点击上一页,下一页手动控制切换。 请朋友们注意,代码初次写成,未经重新优化及整理,希望大家继续修正。 效果如下:横向带缓[详细]
-
jQuery 幻灯片两款,缩略图和TAB风格
所属栏目:[Asp教程] 日期:2018-09-04 热度:166
分享两个比较实用的基于 jQuery 的幻灯片吧. 注释写了一个,不想写了,另一个还是原作者的英文注释.非原创,由我改良,无从考证原作者,在此感谢. 至于使用方法也就不写了(我声明了我最近比较懒,哈哈),比较简单,自己看DEMO修改吧. 本文出处:http://mrthink.net[详细]
-
js图片轮播切换特效,没有使用flash
所属栏目:[Asp教程] 日期:2018-09-04 热度:94
关于图片轮播,我们在以前的文章中说到过很多例子,例如:滑动门式的图片轮播切换效果、JavaScript+Css打造的图片轮播幻灯片等,烈火首页的新闻图片轮播也是这样的效果,与以前不同,原来我们经常用到flash做幻灯片新闻效果,现在用flash的越来越少了,尤[详细]
-
间歇滚动的图片跑马灯,鼠标指向停止滚动
所属栏目:[Asp教程] 日期:2018-09-04 热度:151
本文给大家介绍的是利用Js写的一个图片滚动特效,在下面的实例中,图片一边滚动一边暂停,横向的滚动,一般常用到网站的友情链接模块,或者做图片导航相当不错的。注意代码里的nobr这个标签很重要,没有他firefox里无法正常显示。 实例效果: !DOCTYPE htm[详细]
-
在同一页面显示/调用多个js幻灯图片切换
所属栏目:[Asp教程] 日期:2018-08-28 热度:168
有时为了设计需要,我们会在同一个网页调用多个图片切换,而js中函数的相同性给我们带来一些局限,本文就来解决这个问题在同一页面显示/调用多个js幻灯图片切换。 烈83火25网(LieHuo69.Net)网页特效教17程,同一页面多次调用图片幻灯切换效果,在一个网页[详细]
-
淡入淡出的js焦点图切换,带文字说明和播放控制
所属栏目:[Asp教程] 日期:2018-08-28 热度:72
经常来烈火网看网页特效的朋友一定会发现,最近 jQuery 的特效代码越来越多,对于js的使用,渐渐的少了,其实js还是现在的主流脚本,因为jQuery大家还不是很熟悉,在这里推荐大家到烈火提供的jQuery手册看看。 回到正题,介绍本文的特效,一款焦点图切换JS[详细]
-
圆角按钮Button,金属质感,纯CSS无图片
所属栏目:[Asp教程] 日期:2018-08-28 热度:155
纯css实现有质感的小圆角按钮,有金属质感,下面的代码中,可以看到,没有使用图片哦,不要感到怀疑,CSS可以的,给喜欢CSS的朋友们一点创意素材吧。 推荐阅读:烈火提供的CSS中文参考手册 演示效果: htmlheadtitle纯css实现的质感圆角按钮/titlestyle ty[详细]
-
响应鼠标左右滚动的横向图片滚动代码
所属栏目:[Asp教程] 日期:2018-08-28 热度:54
烈16火39网(LieHuo96.Net)网页特效:响应鼠标左右滚动的横向图片滚动代码,效果非常好。 介绍: 鼠标控制左右滚动的横向图片滚动代码,只要你把鼠标放到图片组的左端或右端,图片就会自动感应,然后改变滚动方向,比如,鼠标放左边后,图片会向左滚,放右[详细]
-
渐近动画显示的图片切换,基于jQuery1.4实现
所属栏目:[Asp教程] 日期:2018-08-28 热度:65
jQuery 循环图片滚动,这里请注意jQuery版本,1.3用以前版本可能会使本效果变差,最后用1.4以上版本,从官方说明看,jQuery1.4与1.3还是存在一些差别的。循环图片滚动用jQuery去实现是比较方便的,其效果大致另人满意。 近日,有很多站长恶意采集烈。火。[详细]
-
js鼠标触发图片快速切换效果的代码
所属栏目:[Asp教程] 日期:2018-08-28 热度:81
一个比较个性的图片切换,鼠标移到图片上,等待一会图片切换的速度会越来越快,几乎要旋转起来了。 本效果不太实用,就算是给大家一个研究和学习js的例子吧,欢迎大家提出宝贵意见。 效果: htmlheadtitle感应鼠标快速切换图片的 Java Script效果/titlemet[详细]
-
纯Css实现图片阴影代码 非常逼真的效果
所属栏目:[Asp教程] 日期:2018-08-28 热度:197
这是纯CSS实现的逼真图片阴影效果,如果觉得不满意,自己再修改下效果,代码比较简单,主要是使用了Filter滤镜,其中的参数都可以修改的。你可以试着修改各个值,看有什么效果。 演示: htmlheadtitleCSS实现逼真图片阴影效果/titlestyle.shadow {-moz-box[详细]
-
图片加载时候逐渐出现的砂粒波纹效果js版
所属栏目:[Asp教程] 日期:2018-08-28 热度:61
javascript实现的一款特效,我们经常在一些网站看到,就是在图片加载时候逐渐出现的砂粒波纹效果。 加载图片的时候不是一下子就出来了,而是由模糊到清淅,或是由一种不占用过多网络资源的方式先大致显示,然后再慢慢加载,避免因用户等不及将网页关掉,像[详细]
-
超酷的js图片切换代码 带有切片滤镜效果
所属栏目:[Asp教程] 日期:2018-08-28 热度:129
具备切片滤镜效果的 Java Script图片切换,图片像水纹一样过渡切换,可选参数有:风格样式、焦点图数量、切片效果(1为甩头,2为甩尾,3为凌乱,4随机)、焦点图切换间隔时间,本效果是无文字版的,也就是仅是图片在切换,烈火随后会发布有文字版。 示例:[详细]
-
仿必应搜索首页图片上显示渐隐渐现的小方块
所属栏目:[Asp教程] 日期:2018-08-28 热度:177
在图片上方显示渐显渐隐藏的小方格子,微软著名的搜索引擎必应(bing.com)就是使用了这种效果,只不过必应的小方框是可以带链接的,本例中没有实现链接,高手们可以修改一下,抽时间把必应的效果分享给大家,像这样的格子可以有很多,都在响应鼠标动作,[详细]
-
JS图片滤镜自己转换效果,焦点图切换代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:192
看看图片之间的滤镜转换过程,会帮你了解很多东西,滤镜的使用让页面能很平缓地在图和文字之间转换,图片可以任意添加,而且每幅图都可做不同的链接。或许这就是现在比较流行的图片切换特效的基本雏形吧,原来实现起来如此简单。因为是自己写的,所以滤镜[详细]
-
CSS利用a:hover属性直接放大图片的代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:174
一个非常简单的特效,利用了CSS中a:hover的属性,当我们把鼠标放到图片上时,放大图片(增加图片宽度和高度,或使用另一张大图),高手就不要看了,非常简单,对于新手来说,可以增强基[详细]
-
jQuery的slide show图片切换,代码精简功能多
所属栏目:[Asp教程] 日期:2018-08-22 热度:163
分享一个代码简洁的Jquery slide show 图片切换,网上有很多基于Jquery的slide show,效果很漂亮、功能也很全,但是如果要应用某种效果,就非得导入某个插件,而这些文件通常都不会太小,为个一个slide show就导入一个文件,觉得有点不值,所以自己写了一[详细]
-
大幅图片幻灯片,有左右箭头控制,响应鼠标移动图片
所属栏目:[Asp教程] 日期:2018-08-22 热度:54
这是一款大幅的图片幻灯片效果,有左右箭头控制,响应鼠标移动图片,刚刚打开时,如果网速慢,在网页中央会有一个加载中的效果,很大气,很给力!如果你正打算做一个类似各大门户网站的幻灯新闻的话,可以考虑使用这个代码! 烈火就不多介绍了,大家自己看[详细]
-
响应鼠标的图片虚实(透明度)效果代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:156
图片透明度效果,在烈火学院以前的网页特效教程中曾发表过,大家可以回顾一下,虚实的效果,打开的时候很轻薄的图片,透明度很低,当把鼠标放到图片的时候,图片才真正显示出来,由虚变实的过程让这款图片效果有极强的用户体验,论其实现原理,其实也挺简[详细]
-
js结合onMouseOver实现鼠标响应图片改变透明度
所属栏目:[Asp教程] 日期:2018-08-22 热度:146
js结合onMouseOver实现鼠标响应图片变清晰,这也是我们在网页制作中经常见到的效果,有的网站用在了友情链接位置,当我们第一眼看到图片时发现图片很模糊,当鼠标经过图片时,就变的清楚了,类似于PS中的图片透明度,挺不错的代码,赶紧给自己的网站用上吧[详细]
-
图片固定范围内左右移动,就像秋千一样
所属栏目:[Asp教程] 日期:2018-08-22 热度:175
图片的左右移动,具备像荡秋千一样的动画效果,图片自己可重新定义,移动速度和距离也可在代码内设定,挺简单的Js生成动画的特效代码,该代码可能在网上没有直接使用的价值,但是具有参考的意义,童鞋们可以多学习一下JS脚本。 演示: htmlheadmeta http-e[详细]
-
渐隐渐显的图片自动播放,纯JavaScript代码实现
所属栏目:[Asp教程] 日期:2018-08-22 热度:112
渐隐渐显的图片自动播放,纯 Java Script代码实现,一个小效果,针对图片而编写的,结合了JavaScript,让一连串的图片以渐显示的方式自动播放,图片的网址赋值给了JS的数组,再交给主程序循环调用,并为图片的渐渐显示功能写了一个函数,使图片的透明度在1[详细]
-
通过下拉框菜单选择查看图片的网页代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:79
通过下拉框菜单选择查看图片的网页代码,一个很实在的小代码,采用带跳转的下拉框切换图片,以达到查看图片的效果。实际上是个基础的技巧,早在学网页设计的时候, dreamweaver 里就有此功能,除了做成切换图片,网址跳转也是可以的,演示效果请点击运行按[详细]
-
jQuery实现产品图片放大效果,响应鼠标弹出
所属栏目:[Asp教程] 日期:2018-08-22 热度:116
基于 jQuery 的图片放大代码,响应鼠标,我们在淘宝网经常见到这样的效果,因此就效果而言,与淘宝网的相比没差多少,使用了jQuery插件简化了不少代码,原图是调用的大图,不需要重新制作缩略图,简单方便的图片效果。 为解决一些网页特效运行后不能显示效[详细]
-
JS图片切换效果,结合CSS仿淘宝的幻灯代码
所属栏目:[Asp教程] 日期:2018-08-16 热度:94
JS图片切换效果,结合CSS仿淘宝taobao首页轮播原生js面对对象封装版,刚学习JS面向对象,今天周末没地方应聘就在租的地方倒腾点东西,可能不入各位牛人的法眼,不过能帮小弟分析分析代码,小弟就不甚荣幸。我用的是改变透明度的办法,图片是淘宝的首页图片[详细]
