-
刷新一次显示不同图片的特效代码
所属栏目:[Asp教程] 日期:2018-09-09 热度:149
利用 Java script实现的随机刷新的功能实现调用不同图片。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-[详细]
-
强制网页图片自适应大小的网页特效代码
所属栏目:[Asp教程] 日期:2018-09-09 热度:168
用CSS实现的可以强制图片自适应大小的代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=[详细]
-
百度联盟中的一个不错的图片切换特效
所属栏目:[Asp教程] 日期:2018-09-09 热度:128
这是一个网页设计中经常会用到的图片特效,实现多个图片之间的轮换,并分别带有连接,以前的代码只能适用于IE,在FF下始终没有得到很好的解决,今天意外的在百度联盟首页上看到这样的效果,支持FF,收藏起来备用。[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-09-09 热度:109
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
JS仿谷歌首页图片导航,响应鼠标动感大小
所属栏目:[Asp教程] 日期:2018-09-09 热度:76
Java Script仿Google首页特效的动感导航菜单,这个效果已经很常见了,鼠标放上后图标会变大,移开后恢复原貌,鼠标连续在图标上的滑过,会有更神奇的效果,看上去不错的导航菜单。 特效演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//E[详细]
-
纯Css实现图片阴影代码 非常逼真的效果
所属栏目:[Asp教程] 日期:2018-09-06 热度:91
这是纯CSS实现的逼真图片阴影效果,如果觉得不满意,自己再修改下效果,代码比较简单,主要是使用了Filter滤镜,其中的参数都可以修改的。你可以试着修改各个值,看有什么效果。 演示: htmlheadtitleCSS实现逼真图片阴影效果/titlestyle.shadow {-moz-box[详细]
-
图片加载时候逐渐出现的砂粒波纹效果js版
所属栏目:[Asp教程] 日期:2018-09-06 热度:142
javascript实现的一款特效,我们经常在一些网站看到,就是在图片加载时候逐渐出现的砂粒波纹效果。 加载图片的时候不是一下子就出来了,而是由模糊到清淅,或是由一种不占用过多网络资源的方式先大致显示,然后再慢慢加载,避免因用户等不及将网页关掉,像[详细]
-
超酷的js图片切换代码 带有切片滤镜效果
所属栏目:[Asp教程] 日期:2018-09-06 热度:86
具备切片滤镜效果的 Java Script图片切换,图片像水纹一样过渡切换,可选参数有:风格样式、焦点图数量、切片效果(1为甩头,2为甩尾,3为凌乱,4随机)、焦点图切换间隔时间,本效果是无文字版的,也就是仅是图片在切换,烈火随后会发布有文字版。 示例:[详细]
-
仿必应搜索首页图片上显示渐隐渐现的小方块
所属栏目:[Asp教程] 日期:2018-09-06 热度:101
在图片上方显示渐显渐隐藏的小方格子,微软著名的搜索引擎必应(bing.com)就是使用了这种效果,只不过必应的小方框是可以带链接的,本例中没有实现链接,高手们可以修改一下,抽时间把必应的效果分享给大家,像这样的格子可以有很多,都在响应鼠标动作,[详细]
-
javascript 简单实现图片上传预览功能
所属栏目:[Asp教程] 日期:2018-09-06 热度:143
javascript 简单实现图片上传预览功能的代码,没有用到 jQuery ,各有各的特点吧,如果你的网站之前就用有jQuery话,为了方便起见,最好借助jQuery插件完成本功能。要么你就用现在这个纯 Java Script版本的,很实用的功能。 看一下演示效果: HTMLHEADTITL[详细]
-
图片在DIV中上下左右都居中的CSS效果
所属栏目:[Asp教程] 日期:2018-08-25 热度:116
连续发表了两篇关于水平和上下居中的文章,大家可以通过本文尾部的上一篇来查看前边的文章,不说费话,烈火将又一款居中代码展示出来。 演示: htmlheadstyle type=text/css!--* {margin:0;padding:0}div {width:500px;height:500px;border:1px solid #666[详细]
-
图片大小未知,在已知DIV中上下左右居中
所属栏目:[Asp教程] 日期:2018-08-25 热度:72
未知大小的图片在已知的Div区域中居中,这是其中之一的方法,大家可看出,远程调用的百度Logo始终显示在外层方框的中间,这里的中间是指宽度和高度都居中,代码虽然不多,但效果挺不错,有必要参考。 演示效果: htmlheadtitle图片居中/titlestyle.box {bo[详细]
-
JavaScript通过button平移LOGO图片特效
所属栏目:[Asp教程] 日期:2018-08-25 热度:120
Java Script一个教学实例,物体平移 运动 特效,来自妙味课堂网站 www.miaov.com , 点击按钮后激活函数,控制图片在一定时间内匀速运动,是最简单、最基础的运动方式,其特点是运动的方向和速度都不发生改变。 实例演示: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
图片匀速循环横向滚动,响应鼠标停止特效
所属栏目:[Asp教程] 日期:2018-08-25 热度:138
图片匀速循环横向滚动,响应鼠标停止,这是 Java Script封装代码,一个匀速不停滚动的横向图片滚动特效,使用非常简便,看看本代码你就会明白的,代码里有丰富注释,不管是学习或是想用到你的网页上,都是不错的选择。 实例演示: !DOCTYPE html PUBLIC -/[详细]
-
在同一页面显示/调用多个js幻灯图片切换
所属栏目:[Asp教程] 日期:2018-08-25 热度:198
有时为了设计需要,我们会在同一个网页调用多个图片切换,而js中函数的相同性给我们带来一些局限,本文就来解决这个问题在同一页面显示/调用多个js幻灯图片切换。 烈83火25网(LieHuo69.Net)网页特效教17程,同一页面多次调用图片幻灯切换效果,在一个网页[详细]
-
淡入淡出的js焦点图切换,带文字说明和播放控制
所属栏目:[Asp教程] 日期:2018-08-25 热度:187
经常来烈火网看网页特效的朋友一定会发现,最近 jQuery 的特效代码越来越多,对于js的使用,渐渐的少了,其实js还是现在的主流脚本,因为jQuery大家还不是很熟悉,在这里推荐大家到烈火提供的jQuery手册看看。 回到正题,介绍本文的特效,一款焦点图切换JS[详细]
-
圆角按钮Button,金属质感,纯CSS无图片
所属栏目:[Asp教程] 日期:2018-08-25 热度:93
纯css实现有质感的小圆角按钮,有金属质感,下面的代码中,可以看到,没有使用图片哦,不要感到怀疑,CSS可以的,给喜欢CSS的朋友们一点创意素材吧。 推荐阅读:烈火提供的CSS中文参考手册 演示效果: htmlheadtitle纯css实现的质感圆角按钮/titlestyle ty[详细]
-
响应鼠标左右滚动的横向图片滚动代码
所属栏目:[Asp教程] 日期:2018-08-25 热度:190
烈16火39网(LieHuo96.Net)网页特效:响应鼠标左右滚动的横向图片滚动代码,效果非常好。 介绍: 鼠标控制左右滚动的横向图片滚动代码,只要你把鼠标放到图片组的左端或右端,图片就会自动感应,然后改变滚动方向,比如,鼠标放左边后,图片会向左滚,放右[详细]
-
渐近动画显示的图片切换,基于jQuery1.4实现
所属栏目:[Asp教程] 日期:2018-08-25 热度:50
jQuery 循环图片滚动,这里请注意jQuery版本,1.3用以前版本可能会使本效果变差,最后用1.4以上版本,从官方说明看,jQuery1.4与1.3还是存在一些差别的。循环图片滚动用jQuery去实现是比较方便的,其效果大致另人满意。 近日,有很多站长恶意采集烈。火。[详细]
-
js鼠标触发图片快速切换效果的代码
所属栏目:[Asp教程] 日期:2018-08-25 热度:90
一个比较个性的图片切换,鼠标移到图片上,等待一会图片切换的速度会越来越快,几乎要旋转起来了。 本效果不太实用,就算是给大家一个研究和学习js的例子吧,欢迎大家提出宝贵意见。 效果: htmlheadtitle感应鼠标快速切换图片的 Java Script效果/titlemet[详细]
-
JS图片alt提示文字,右侧“方框”的说明效果
所属栏目:[Asp教程] 日期:2018-08-17 热度:139
JS实现图片的提示效果,类似于alt的提示文字,只不过这里是在图片的右侧一个方框中给出的说明,比较个性的东西,大家看看用在哪里比较好吧。 代码演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadtitle简洁实用的图片文字说明效果/titlem[详细]
-
jQuery模拟图片切换,点击按钮动态滚动内容
所属栏目:[Asp教程] 日期:2018-08-17 热度:104
jQuery 模拟图片切换效果,当我们使用图片点击按钮时,内容动态滚动,这里的内容您完全可以替换为JPG或其它格式的图片,类似于此的效果还有烈火网于今年10月12日发表的《jQuery+Css模拟带标题导航的图片切换效果》,您可以回顾一下。 为解决一些网页特效运[详细]
-
鼠标放到、滑过图片动态放大效果,jQuery代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:82
一款 jQuery 放大图片的代码,当我们把鼠标放到图片上、滑过图片时,动态弹出放大的图片,这样的例子烈火网介绍过许多,有jQuery版的、还有JS放大图片的代码,有时间的朋友可以在站内搜索一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要[详细]
-
一个极简单的js图片切换,焦点图显示代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:114
一款简洁的网页焦作图,用在网页上可作图片切换,做的比较简洁,不管是焦点图的表现形式或是焦点图代码这方面,都省去了不少的代码,图片引用了本站的演示图片,在CSS中,可以设置焦点图控制按钮的背景图片,这样不至于图片会影响到控制按钮的显示。 示例[详细]
-
jQuery箭头控制图文内容左右滚动代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:163
jQuery 箭头控制图文内容左右滚动效果,代码中有大量的脚本注释,方便大家使用和修改,并且此例的兼容性也是不错的,欢迎大家使用。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效[详细]
