-
CSS给图片增加简洁灰色的大边框效果
所属栏目:[Asp教程] 日期:2018-08-31 热度:89
CSS趣味图片边框之带间隔的大边框代码,看似简单,为什么别人做出来都挺漂亮呢?这就是配色和审美的因素了,好好学习一下吧,本效果用最简的代码写出的,其实还可以再精简,不过兼容性就变差了。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional[详细]
-
CSS给图片的边框添加阴影效果
所属栏目:[Asp教程] 日期:2018-08-31 热度:71
CSS趣味图片边框之阴影特效代码,这也是大家经常用到的,把一幅图片加上阴影,这样看上去图片是不是更漂亮了,本代码的实现是用一幅自带的阴影图片,用CSs代码去控制阴影图片的显示.当然除此之外,还有其它许多方法都能实现图片阴影. !DOCTYPE html PUBLIC -//W3[详细]
-
js图片循环滚动 向左右两边切换效果
所属栏目:[Asp教程] 日期:2018-08-31 热度:71
JS图片左右切换效果的代码,我费了九牛二虎之力才把这个效果整理好。重新定义了数组。主要是为了编辑们修改方便。图片显示的宽度。对应样式中的宽度也要修改为一致。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x[详细]
-
图片在DIV中上下左右都居中的CSS效果
所属栏目:[Asp教程] 日期:2018-08-25 热度:101
连续发表了两篇关于水平和上下居中的文章,大家可以通过本文尾部的上一篇来查看前边的文章,不说费话,烈火将又一款居中代码展示出来。 演示: htmlheadstyle type=text/css!--* {margin:0;padding:0}div {width:500px;height:500px;border:1px solid #666[详细]
-
图片大小未知,在已知DIV中上下左右居中
所属栏目:[Asp教程] 日期:2018-08-25 热度:89
未知大小的图片在已知的Div区域中居中,这是其中之一的方法,大家可看出,远程调用的百度Logo始终显示在外层方框的中间,这里的中间是指宽度和高度都居中,代码虽然不多,但效果挺不错,有必要参考。 演示效果: htmlheadtitle图片居中/titlestyle.box {bo[详细]
-
JavaScript通过button平移LOGO图片特效
所属栏目:[Asp教程] 日期:2018-08-25 热度:61
Java Script一个教学实例,物体平移 运动 特效,来自妙味课堂网站 www.miaov.com , 点击按钮后激活函数,控制图片在一定时间内匀速运动,是最简单、最基础的运动方式,其特点是运动的方向和速度都不发生改变。 实例演示: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
图片匀速循环横向滚动,响应鼠标停止特效
所属栏目:[Asp教程] 日期:2018-08-25 热度:169
图片匀速循环横向滚动,响应鼠标停止,这是 Java Script封装代码,一个匀速不停滚动的横向图片滚动特效,使用非常简便,看看本代码你就会明白的,代码里有丰富注释,不管是学习或是想用到你的网页上,都是不错的选择。 实例演示: !DOCTYPE html PUBLIC -/[详细]
-
在同一页面显示/调用多个js幻灯图片切换
所属栏目:[Asp教程] 日期:2018-08-25 热度:133
有时为了设计需要,我们会在同一个网页调用多个图片切换,而js中函数的相同性给我们带来一些局限,本文就来解决这个问题在同一页面显示/调用多个js幻灯图片切换。 烈83火25网(LieHuo69.Net)网页特效教17程,同一页面多次调用图片幻灯切换效果,在一个网页[详细]
-
淡入淡出的js焦点图切换,带文字说明和播放控制
所属栏目:[Asp教程] 日期:2018-08-25 热度:127
经常来烈火网看网页特效的朋友一定会发现,最近 jQuery 的特效代码越来越多,对于js的使用,渐渐的少了,其实js还是现在的主流脚本,因为jQuery大家还不是很熟悉,在这里推荐大家到烈火提供的jQuery手册看看。 回到正题,介绍本文的特效,一款焦点图切换JS[详细]
-
圆角按钮Button,金属质感,纯CSS无图片
所属栏目:[Asp教程] 日期:2018-08-25 热度:118
纯css实现有质感的小圆角按钮,有金属质感,下面的代码中,可以看到,没有使用图片哦,不要感到怀疑,CSS可以的,给喜欢CSS的朋友们一点创意素材吧。 推荐阅读:烈火提供的CSS中文参考手册 演示效果: htmlheadtitle纯css实现的质感圆角按钮/titlestyle ty[详细]
-
响应鼠标左右滚动的横向图片滚动代码
所属栏目:[Asp教程] 日期:2018-08-25 热度:120
烈16火39网(LieHuo96.Net)网页特效:响应鼠标左右滚动的横向图片滚动代码,效果非常好。 介绍: 鼠标控制左右滚动的横向图片滚动代码,只要你把鼠标放到图片组的左端或右端,图片就会自动感应,然后改变滚动方向,比如,鼠标放左边后,图片会向左滚,放右[详细]
-
渐近动画显示的图片切换,基于jQuery1.4实现
所属栏目:[Asp教程] 日期:2018-08-25 热度:111
jQuery 循环图片滚动,这里请注意jQuery版本,1.3用以前版本可能会使本效果变差,最后用1.4以上版本,从官方说明看,jQuery1.4与1.3还是存在一些差别的。循环图片滚动用jQuery去实现是比较方便的,其效果大致另人满意。 近日,有很多站长恶意采集烈。火。[详细]
-
js鼠标触发图片快速切换效果的代码
所属栏目:[Asp教程] 日期:2018-08-25 热度:146
一个比较个性的图片切换,鼠标移到图片上,等待一会图片切换的速度会越来越快,几乎要旋转起来了。 本效果不太实用,就算是给大家一个研究和学习js的例子吧,欢迎大家提出宝贵意见。 效果: htmlheadtitle感应鼠标快速切换图片的 Java Script效果/titlemet[详细]
-
鼠标指向小图显示大图,JS实现图片加载效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:160
一款基于 Java Script的图片放大,鼠标指向小图显示大图,JS实现图片加载效果,自动判断大图显示位置,如果超出显示范围,在另一侧展示,增加几分人性化,确实不错的效果,烈火网推荐您参考。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
鼠标指向图片由暗变亮的jQuery渐变特效代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:70
鼠标指向图片发生渐变的特效, jQuery 代码实现。我个人觉得此方法有点不太合理,其实用CSS完全可以实现这种方式,或许作者有其它的考虑吧,比如兼容性方面。本写法是把 图片处理 成了两张,一张是暗色的,鼠标移上的时候调用另外一张,是不是有些麻烦?而[详细]
-
兼容FF和IE的JS图片查看器,放大缩小移动
所属栏目:[Asp教程] 日期:2018-08-19 热度:60
这是一个兼容 Firefox 和 IE浏览器 的JS图片查看器,可控制图片放大、缩[详细]
-
JS图片切换效果,上下缓冲式的幻灯片代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:153
JS图片切换效果,上下缓冲式的幻灯片代码。原生JS图片轮播,带缓冲效果,那些可控的按钮根据图片数量自动生成,可自动调整轮播顺序。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi[详细]
-
Js图片滚动,带箭头控制,无缝左右循环
所属栏目:[Asp教程] 日期:2018-08-19 热度:151
Js图片滚动,带箭头控制,无缝左右循环,超强的图片滚动代码,而且设计的挺漂亮,图片换成自己的就行了,简单方便,还可演示图片聚焦,让你知道当前的图片是哪一个。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.o[详细]
-
带文字索引的JS图片切换代码,横向弹性滚动特效
所属栏目:[Asp教程] 日期:2018-08-19 热度:136
带文字索引的JS图片切换代码,横向弹性滚动特效,就像弹簧弹动的效果,带文字标题,极富有视觉冲击力,类似这样的效果我们平时不是经常看到,因此您可以尝试用在您自己的网站上,给访客一种新鲜的感觉,还是不错的哦。 示例: !DOCTYPE html PUBLIC -//W3C[详细]
-
jQuery模拟Flash动画完成的图片展示效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:54
jQuery 模拟Flash动画完成的图片展示效果,有鼠标效果的图片特效,不错,会出现十字线,分享给大家。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效 运行演示: !DOCTYPE html PUBLI[详细]
-
Js+Css的图片切换代码:垂直滚动轮播效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:151
Js+Css的图片切换代码:垂直滚动轮播效果。远程调用3张图片,当然图片数量可以自己设定,在兼容性方面做的也挺好,只不过缺少了一个Loading,在图片未加载完的情况下,图片已经开始播放了,这样一来,用户体验有些逊色,有兴趣的自己加个图片载入功能吧。[详细]
-
幻灯片图片切换代码,JavaScript仿Flash效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:183
幻灯片图片切换代码, Java Script仿Flash效果。一般情况下,网站首页专用的图片特效代码, 旅游 网站用着最合适了,支持图片说明,每一幅图片都可以加标题和简短的文字介绍,右下角有图片切换控制按钮,示例中仅有5张图片,不过在实际应用中,你可以添加[详细]
-
微博,QQ空间图片预览,图片旋转的JS代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:67
经常在听到有朋友问起QQ空间的图片预览效果该如何实现,问得人多了,我们感觉有必要给大家说明一下实现过程, 当点一下略缩图时,就可以放大当前图片,并且图片的上面,会出现三个功能按钮:左旋转、右旋转、全屏预览。 点了以后,图片会相应作出变化。注[详细]
-
jQuery图片无缝滚动效果,代码简洁功能简单
所属栏目:[Asp教程] 日期:2018-08-15 热度:172
一个基于 jQuery 实现的图片无缝滚动效果,用简来描述最合适也不过了,这里说的简是指代码简洁,也就是说代码比较少;还有功能简单,所说的功能简单是,烈火网站长看到这款效果时只看到了图片的简单滚动,停止后再也没有其它效果,对jQuery比较精通的朋友[详细]
-
图片上旋转的光束效果,以中心转圈扫描代码
所属栏目:[Asp教程] 日期:2018-08-15 热度:181
一款JS技术实现的图片上旋转的光束效果,这个光柱以图片的中心为点转圈扫描,并且JS代码还改变了图片的色相,例如:颜色变暗、光束变亮等等,大家有没有感觉像灯塔上边的灯一样呢?转圈扫来扫去!欢迎您多多支持烈火网! 演示: !DOCTYPE htmlhtmlheadmeta[详细]
