-
图片轮播效果,仿FLASH效果,JS+CSS效果
所属栏目:[Asp教程] 日期:2018-08-22 热度:164
一款很精致的 Java Script仿Flash图片切换效果,代码比较多,呵呵,用时候是可以封装的,将Js代码摘出封装一下还是不错的,图片由上至下滑动出现,并与底下的小图一一对应起来,当转到下一张时,小图片从右至左移动,下一张图片由上至下再滑动出来。 效果[详细]
-
图片定时自动更换,可设置时间,好似GIF动画
所属栏目:[Asp教程] 日期:2018-08-22 热度:114
两张图片定时自动来回更换,可以在JS中设置定时更换的时间,两张图片不断交替,好似GIF动画,当然这里使用的是两张图片,您可以制作多张图片,同时将图片内容做的相似一些,就可以形成真正的GIF了。 特效演示: htmlheadtitle每隔一定时间更换广告图片/tit[详细]
-
CSS处理图片灰度、反相、X光等效果代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:181
CSS处理图片灰度、反相、X光等效果代码,在Photoshop软件中,我们经常使用这样的效果来处理图片,今天烈火首次发表相关CSS的实现方式,对于提高大家的CSS水平非常有帮助。 推荐阅读:烈火提供的CSS中文手册 特效演示: htmlheadtitle灰度、反相、X光效果/t[详细]
-
JavaScript控制图片显示在网页右下角
所属栏目:[Asp教程] 日期:2018-08-22 热度:172
Java Script控制图片显示在网页的右下角,不管你的浏览器窗口是大或是小,它都在右下角显示着呢,如果出现滚动条,它就不会显示在右下角了,有趣吧?但是不知道作者为什么写出这样的例子,也许是别有用心吧。 其实,现在有一些广告总会显示在右下角,不过代[详细]
-
Css滤镜结合JS实现完美的图片水纹倒影
所属栏目:[Asp教程] 日期:2018-08-22 热度:54
Css滤镜结合JS实现完美的图片水纹倒影,用CSS的filter:wave来设置倒影的大小以及轻重,然后用页面脚本去控制网页加载完成始载入本函数,图片的大小也跟倒影效果有影响,仔细研究研究,再不断的修改修改代码,你还会发现一些更有趣的效果. 效果演示: htmlheadti[详细]
-
一个非常简单的图片交替切换特效
所属栏目:[Asp教程] 日期:2018-08-22 热度:155
一个非常简单的图片交替切换特效,也是基于 Java Script实现,只不过是一个雏形,因为还不太完善,效果中随机水平细纹来切换过渡图片,学习JavaScript的朋友,不妨好好参考一下本程序,它用两个图片来说明图片切换的原理,相对简单可靠。 特效演示: htmlh[详细]
-
网页图片选择器,基于JavaScript编写实现
所属栏目:[Asp教程] 日期:2018-08-22 热度:179
网页图片选择器,基于 Java Script编写实现,用Select下拉框选择图片,然后跳转并显示出来。为了演示速度 ,这里调用的图片比较小,实际使用时你可以更换图片。 效果演示: htmlheadtitleJavaScript图片选择器/titlescript language=javascript!--function[详细]
-
图片无法显示时,加载默认图片的JS代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:197
Java Script智能判断图片是否能够正确加载,若加载失败则用默认图片替换,这是个比较实用的功能,不少网站都可见到这种功能,一为使网站整洁,二来提升网页体验,不至于让别人觉得你这网站有问题。 看起来挺复杂的样子,其实非常简单,只要一句代码就可以[详细]
-
一款黑色风格的JS图片切换效果,代码来自奇艺
所属栏目:[Asp教程] 日期:2018-08-19 热度:89
一款黑色风格的图片切换效果,代码是在百度旗下 奇艺视频 网站整理下来的,怎么说呢!大站设计的东西就是漂亮,无论从UI视觉还是兼容性方面,都是非常棒的,个人站长调用简单方便,当然这里需要您有一定的HTML知识! 示例: !DOCTYPE htmlhtml xmlns=http:[详细]
-
jQuery+Css模拟带标题导航的图片切换效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:111
jQuery +Css模拟带标题导航的图片切换效果,这里只所以给图片两个字加了引号,是解释为没有图片,而是使用了CSS层代替的,同时结合了强大的jQuery插件,给代码带来动感的切换效果,烈火网推荐您用于网站首页图文混排的内容切换形式,当然这里需要您有一定[详细]
-
图片查看器雏形,JS+CSS使用层模拟的代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:79
一款图片查看器雏形,前端技术大牛使用JS+CSS使用层模拟的代码,也就是说使用层替代了图片,同样有图片查看器的效果,右侧有导航切换。测试时候请把li标签内的内容更换为图片,每次点击标题,即可载入对应图片,就像一款 图片浏览器 一样。 示例: !DOCTYP[详细]
-
图片幻灯切换代码,JavaScript实现百叶窗效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:135
图片幻灯切换代码, Java Script实现百叶窗效果,用JS模拟PPT里的幻灯片切换效果,推入推出和淡入淡出的由于太多了,就先不发了,先上百叶窗切换特效热热身。(代码有许多需要优化的地方,最大的一处就是图片缓存,这里只做引出思路之用。 示例: !Doctype[详细]
-
图片旋转特效,JS实现图片左右方向旋转代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:76
Java Script仿微博中的图片旋转特效,图片旋转特效,JS实现图片左右方向旋转代码,可以向左转、向右转,看了sina微薄的图片向左向右旋转效果心痒痒,于是仿照着做了一个,嘿嘿,效果不是太好,图片被拉伸的不像样子了,大家自己换成合适的就可以了。 示例[详细]
-
仿QQ空间黑色图片展示,上下一张,关闭按钮
所属栏目:[Asp教程] 日期:2018-08-19 热度:113
仿QQ空间黑色图片展示效果,这是作者起的名字,其实烈火小编觉得这更像是一些门户网站的图片频道图片新闻展示效果,点击缩略图后动态弹出大图上,下边还有上一张、下一张按和关闭按钮,如此强大的效果竟然都是 Java Script实现的,并没有借助 jQuery 代码[详细]
-
图片分割切换效果,基于jQuery插件
所属栏目:[Asp教程] 日期:2018-08-19 热度:84
图片分割切换,使用了 jQuery 技术,有div0-4 容器,放置于四角,然后你可以复制四个,放入四个容器,置于四角,然后移动。相对普通的图片切换,这种切换过渡的方式可能会让浏览者更新鲜一些。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要[详细]
-
鼠标经过图片放大和图片变清楚效果,Js代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:183
鼠标经过图片放大和图片变清楚效果,Js代码。本JS特效包含两种效果,一种是鼠标经过图片放大效果,另一种是鼠标经过图片变清淅的效果,两种效果都挺实用,欢迎大家学习使用。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
仿淘宝网上下翻滚的图片切换特效代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:87
仿淘宝网的幻灯片代码,上下滑动切换的效果,经常去淘宝购物的朋友肯定见到过!这不,前天有一个新手站长朋友联系烈火小编说想要这样的效果,于是整理出来给大家学习和研究! 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-e[详细]
-
Js图片放大镜代码(面向对象技术)
所属栏目:[Asp教程] 日期:2018-08-19 热度:119
一款 Java Script图片放大镜代码,基于面向对象的编程思想实现,本放大镜效果属于局部放大,放大的区域要比原图的选定区域还要大,如果效果不是你想要的,可根据你的需要,自己可以修改。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional[详细]
-
jQuery图片无缝滚动效果,代码简洁功能简单
所属栏目:[Asp教程] 日期:2018-08-17 热度:96
一个基于 jQuery 实现的图片无缝滚动效果,用简来描述最合适也不过了,这里说的简是指代码简洁,也就是说代码比较少;还有功能简单,所说的功能简单是,烈火网站长看到这款效果时只看到了图片的简单滚动,停止后再也没有其它效果,对jQuery比较精通的朋友[详细]
-
图片上旋转的光束效果,以中心转圈扫描代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:188
一款JS技术实现的图片上旋转的光束效果,这个光柱以图片的中心为点转圈扫描,并且JS代码还改变了图片的色相,例如:颜色变暗、光束变亮等等,大家有没有感觉像灯塔上边的灯一样呢?转圈扫来扫去!欢迎您多多支持烈火网! 演示: !DOCTYPE htmlhtmlheadmeta[详细]
-
JavaScript实现图片上下飘动 可设置浮动速度
所属栏目:[Asp教程] 日期:2018-08-17 热度:92
Java Script实现的图片上下飘动效果,有点类似于网页飘浮广告,但是与之不同的是,此图片只能上下移动,在下边出现慢慢向上浮动,到顶部后自动向下移动,在代码中可设置图片的浮动速度,希望对您有所帮助。 演示: htmlheadmeta http-equiv=Content-Type c[详细]
-
jQuery无缝图片滚动,带箭头控制方向左右滚动
所属栏目:[Asp教程] 日期:2018-08-17 热度:171
这是一个来自国外网站的图片滚动特效,作者取的英文名字叫:Automatic Infinite Carousel,引入了 jQuery 插件,实现无缝图片滚动,并且在两侧带有箭头控制方向左右滚动。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别[详细]
-
Js+css实现图片淡入效果的幻灯片代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:186
Js+css实现图片淡入效果的幻灯片代码,这是一个小通条(横长的)的图片切换代码,由于时间关系只在IE下测试通过,如果你打算用可在其它浏览器下测试一下,当然。图片中的尺寸是可以自己修改的,不过需要你有一定的HTML知识哦! 演示: htmlheadtitleJs+css[详细]
-
图片随机切换代码,每次刷新显示不同的图片
所属栏目:[Asp教程] 日期:2018-08-17 热度:85
Java Script实现的图片随机切换代码,即每次刷新网页显示不同的图片,大家也许见过这样的特效,运行用了JavaScript中的时间函数now.getSeconds()编写而成,并非是使用了Random随机函数,供大家参考和学习。 示例: htmlheadmeta http-equiv=Content-Type c[详细]
-
利用表格填充层模拟图片向上的滚动特效
所属栏目:[Asp教程] 日期:2018-08-17 热度:173
在本文中,作者作用JS技术+表格填充层模拟图片向上滚动,当然这里只是为了实现这么一种效果,您可以在td中设置要滚动的文字或链接,也可以在td设置IMG图片链接,包括可以修改表格的宽度、高度和颜色等等。 示例代码: htmlheadmeta http-equiv=Content-Typ[详细]
