-
js图片轮播切换特效,没有使用flash
所属栏目:[Asp教程] 日期:2018-09-05 热度:101
关于图片轮播,我们在以前的文章中说到过很多例子,例如:滑动门式的图片轮播切换效果、JavaScript+Css打造的图片轮播幻灯片等,烈火首页的新闻图片轮播也是这样的效果,与以前不同,原来我们经常用到flash做幻灯片新闻效果,现在用flash的越来越少了,尤[详细]
-
间歇滚动的图片跑马灯,鼠标指向停止滚动
所属栏目:[Asp教程] 日期:2018-09-02 热度:57
本文给大家介绍的是利用Js写的一个图片滚动特效,在下面的实例中,图片一边滚动一边暂停,横向的滚动,一般常用到网站的友情链接模块,或者做图片导航相当不错的。注意代码里的nobr这个标签很重要,没有他firefox里无法正常显示。 实例效果: !DOCTYPE htm[详细]
-
纯CSS图片阴影效果(无图实现的图片阴影)
所属栏目:[Asp教程] 日期:2018-09-01 热度:93
本文中使用纯CSS给图片添加阴影的效果,没有用到图片,纯CSS实现代码,用背景填充及Margins标签两者结合实现的效果,尝试修改这两个标签的参数会有不同的阴影效果,其实也可使用CSS的滤镜来实现本类效果。 其实这样的实例,在烈火以前的文章中也曾经介绍过[详细]
-
javascript 新闻幻灯片代码,带有动画效果
所属栏目:[Asp教程] 日期:2018-09-01 热度:184
今天给站长朋友们介绍一个javascript 幻灯片播放的代码,带有动画切换效果,以前在网上见到的都挺复杂感觉,所以自己动手写一个简单的,用时候只需更改图片路径就行了,其它的参数代码里也能改,本代码最大的亮点是简单高效。 跟随烈火一起看一下效果,当[详细]
-
仿Flash幻灯带缓冲的焦点图切换轮播(黑色风格)
所属栏目:[Asp教程] 日期:2018-09-01 热度:134
就在刚才,烈火给大家介绍一款类似滑动门的图片轮播效果,现在再给出一款黑色风格带缓冲的JS焦点图代码,效果非常酷,刚刚打开时有Loading加载中效果,图片大小可通过修改CSS自定义实现。 实例演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
滑动门式的图片轮播切换效果,JS+CSS实现
所属栏目:[Asp教程] 日期:2018-09-01 热度:87
非常不错的图片轮播切换效果,类似于烈火以前提到的滑动门,有所不同的是:本特效可以设置时间自动切换,作者设计的UI原型是一个滑动门,又结合了图片特效,整体效果感觉挺不错,对 Java Script的学习帮助挺大。 看一下实例代码与演示: !DOCTYPE html PUB[详细]
-
横向带停顿的图片滚动,script+marquee实现
所属栏目:[Asp教程] 日期:2018-09-01 热度:136
这是一款JS横向图片滚动代码,带停顿,滚滚停停,打算用的朋友看清楚了:有丰富的滚动参数随便调节,例如可调整滚动的方向、滚动步长、可视宽度、定时器大孝间歇停顿时间、开始等待时间、间歇滚动间距等选项,使用起来非常方便。 我们来看效果演示: !DOCT[详细]
-
用JS模拟2010上海世博网站Flash幻灯切换效果
所属栏目:[Asp教程] 日期:2018-09-01 热度:166
这是一款焦点图幻灯片切换的效果,这种效果被各位站长应用在自己的网站上。作为2010年世博会的举办方,上海世博的官方主页也使用了flash焦点图片切换,应朋友之要求,现在用 Java Script模拟出来,烈火看了一下效果不错,简洁不失大方,平滑不失动感!喜欢[详细]
-
基于jQuery的超大全屏背景/幻灯片自动播放
所属栏目:[Asp教程] 日期:2018-09-01 热度:180
这是一款基于 jQuery 的超大全屏背景/幻灯片自动播放的优秀插件,来自于国外的设计网站,前几日烈火小编在国外网站闲逛时发现的,不敢独自使用,特别来分享给大家,感觉好的话,别忘记顶一下哦! 友情提示:JQuery的特效代码,点击运行后可能需要刷新才能[详细]
-
简单实现图片横向滚动(鼠标指向停止)
所属栏目:[Asp教程] 日期:2018-09-01 热度:65
最近有几个朋友一直在问笔者跑马灯的问题,其实在以前的教程中,烈火网曾经提到很多类似的效果,例如:Marquee实现向上滚动文字[鼠标指向停止]、多列文字上下循环滚动 鼠标指向停止、可以控制的友情链接图片横向滚动代码和JS实现图片无间隙滚动等。今天再[详细]
-
鼠标经过图片时自动弹出网页窗口的特效
所属栏目:[Asp教程] 日期:2018-09-01 热度:52
可能很多朋友都有过这样的经历,在一个网站上转,鼠标无意中移到一张图片上时,就自动的打开了一个新网页。下面,烈火网就分享一下这个代码,有兴趣的朋友可以试试。这个代码还有一些另类的用法。比如,把这个代码的地址设置成某个自动ptp或转址站的下线链[详细]
-
淡入淡出的js焦点图切换,带文字说明和播放控制
所属栏目:[Asp教程] 日期:2018-08-23 热度:97
经常来烈火网看网页特效的朋友一定会发现,最近 jQuery 的特效代码越来越多,对于js的使用,渐渐的少了,其实js还是现在的主流脚本,因为jQuery大家还不是很熟悉,在这里推荐大家到烈火提供的jQuery手册看看。 回到正题,介绍本文的特效,一款焦点图切换JS[详细]
-
圆角按钮Button,金属质感,纯CSS无图片
所属栏目:[Asp教程] 日期:2018-08-23 热度:117
纯css实现有质感的小圆角按钮,有金属质感,下面的代码中,可以看到,没有使用图片哦,不要感到怀疑,CSS可以的,给喜欢CSS的朋友们一点创意素材吧。 推荐阅读:烈火提供的CSS中文参考手册 演示效果: htmlheadtitle纯css实现的质感圆角按钮/titlestyle ty[详细]
-
响应鼠标左右滚动的横向图片滚动代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:82
烈16火39网(LieHuo96.Net)网页特效:响应鼠标左右滚动的横向图片滚动代码,效果非常好。 介绍: 鼠标控制左右滚动的横向图片滚动代码,只要你把鼠标放到图片组的左端或右端,图片就会自动感应,然后改变滚动方向,比如,鼠标放左边后,图片会向左滚,放右[详细]
-
渐近动画显示的图片切换,基于jQuery1.4实现
所属栏目:[Asp教程] 日期:2018-08-23 热度:102
jQuery 循环图片滚动,这里请注意jQuery版本,1.3用以前版本可能会使本效果变差,最后用1.4以上版本,从官方说明看,jQuery1.4与1.3还是存在一些差别的。循环图片滚动用jQuery去实现是比较方便的,其效果大致另人满意。 近日,有很多站长恶意采集烈。火。[详细]
-
js鼠标触发图片快速切换效果的代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:142
一个比较个性的图片切换,鼠标移到图片上,等待一会图片切换的速度会越来越快,几乎要旋转起来了。 本效果不太实用,就算是给大家一个研究和学习js的例子吧,欢迎大家提出宝贵意见。 效果: htmlheadtitle感应鼠标快速切换图片的 Java Script效果/titlemet[详细]
-
纯Css实现图片阴影代码 非常逼真的效果
所属栏目:[Asp教程] 日期:2018-08-23 热度:152
这是纯CSS实现的逼真图片阴影效果,如果觉得不满意,自己再修改下效果,代码比较简单,主要是使用了Filter滤镜,其中的参数都可以修改的。你可以试着修改各个值,看有什么效果。 演示: htmlheadtitleCSS实现逼真图片阴影效果/titlestyle.shadow {-moz-box[详细]
-
图片加载时候逐渐出现的砂粒波纹效果js版
所属栏目:[Asp教程] 日期:2018-08-23 热度:103
javascript实现的一款特效,我们经常在一些网站看到,就是在图片加载时候逐渐出现的砂粒波纹效果。 加载图片的时候不是一下子就出来了,而是由模糊到清淅,或是由一种不占用过多网络资源的方式先大致显示,然后再慢慢加载,避免因用户等不及将网页关掉,像[详细]
-
超酷的js图片切换代码 带有切片滤镜效果
所属栏目:[Asp教程] 日期:2018-08-23 热度:109
具备切片滤镜效果的 Java Script图片切换,图片像水纹一样过渡切换,可选参数有:风格样式、焦点图数量、切片效果(1为甩头,2为甩尾,3为凌乱,4随机)、焦点图切换间隔时间,本效果是无文字版的,也就是仅是图片在切换,烈火随后会发布有文字版。 示例:[详细]
-
仿必应搜索首页图片上显示渐隐渐现的小方块
所属栏目:[Asp教程] 日期:2018-08-23 热度:171
在图片上方显示渐显渐隐藏的小方格子,微软著名的搜索引擎必应(bing.com)就是使用了这种效果,只不过必应的小方框是可以带链接的,本例中没有实现链接,高手们可以修改一下,抽时间把必应的效果分享给大家,像这样的格子可以有很多,都在响应鼠标动作,[详细]
-
javascript 简单实现图片上传预览功能
所属栏目:[Asp教程] 日期:2018-08-23 热度:179
javascript 简单实现图片上传预览功能的代码,没有用到 jQuery ,各有各的特点吧,如果你的网站之前就用有jQuery话,为了方便起见,最好借助jQuery插件完成本功能。要么你就用现在这个纯 Java Script版本的,很实用的功能。 看一下演示效果: HTMLHEADTITL[详细]
-
JS图片切换效果,结合CSS仿淘宝的幻灯代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:94
JS图片切换效果,结合CSS仿淘宝taobao首页轮播原生js面对对象封装版,刚学习JS面向对象,今天周末没地方应聘就在租的地方倒腾点东西,可能不入各位牛人的法眼,不过能帮小弟分析分析代码,小弟就不甚荣幸。我用的是改变透明度的办法,图片是淘宝的首页图片[详细]
-
鼠标拖动图片至任意位置,JS图片拖放效果
所属栏目:[Asp教程] 日期:2018-08-17 热度:165
鼠标拖动图片至任意位置,JS图片拖放效果。通过下边的代码演示可以看到:页面中的这两张图片可以用鼠标拖动的,在页面装入的时候初始化事件捕获过程,通过这个代码你或许会学会以不少东西,特别是拖动对象的处理。 演示: htmlheadstyle type=text/css#ver[详细]
-
渐变模糊的图像代码,鼠标经过高亮显示效果
所属栏目:[Asp教程] 日期:2018-08-17 热度:101
渐变模糊的图像代码,鼠标经过高亮显示效果,用JS代码改变图像光照效果,模糊或高亮显示一幅图片。鼠标移到模糊的图上,图慢慢地变清晰,移走鼠标,图又变模糊。以前发过类似的效果,可能在实现的思路上会不一样,你可以参考一下本款图片渐变有何异同。 演[详细]
-
JS平滑滚动的图片切换代码,带左右按钮控制
所属栏目:[Asp教程] 日期:2018-08-17 热度:161
JS平滑滚动的图片切换代码,带左右按钮控制。一个基于JS来实现的焦点图,原生JS面向对象的思想,左右滚动的焦点图,经过修改,能在主流浏览器下(包括IE6-9、chrome、firefox)正常的运行,通过对本焦点图的编写,主要学习javascript的面向对象机制,与常[详细]