-
无刷新展示图片集 类似幻灯片效果
所属栏目:[Asp教程] 日期:2018-09-01 来源:DaWei
你想无刷新的展览一些你的图片作品集?可以的,往元素中加载图片就可以了,有没有想过这也是通过 jQuery 实现的吧,这个效果类似于幻灯片效果,唯一的缺点是:不能显示加载中效果,不能自动幻灯。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitiona[详细]
-
上传图片前预览功能 兼容多个浏览器
所属栏目:[Asp教程] 日期:2018-09-01 来源:DaWei
这是一个上传图片的预览功能,可以支持目前绝大部分图片格式(.jpg|.gif|.png|.bmp),如果您选择的不是图片类型,会提示图片格式无效,当然你也可以添加已知的图片类型,源码中有提示。目前已经在 Firefox 3,IE6,IE7, IE8 等浏览器测试通过,Firefox 因安[详细]
-
图片幻灯片轮播效果,带缩略图版
所属栏目:[Asp教程] 日期:2018-09-01 来源:DaWei
烈火网(LieHuo.Net)教程 Java Script实现的图片切换效果,我们以前也提到过类似效果,例如《简单高效的javascript 幻灯片播放效果》,不同之处是本版带缩略图显示的,5屏图片幻灯,其实更多一些图片也是可以的,你只需更改数组就行,不过要对布局做些调整[详细]
-
JavaScript代码让网页的图片飞起来
所属栏目:[Asp教程] 日期:2018-09-01 来源:DaWei
非常有趣的 Java script特效,能让网页上的图片飞起来,无意在网上看到的,执行如下步骤就能看到效果: 随便打开一个网站,网页上必须有图片,否则没效果,页面打开后清除地址栏中的地址,复制如下代码到地址栏中然后按回车: Copy to Clipboard 引用的内[详细]
-
幻灯片特效:Js+CSS实现不需要flash
所属栏目:[Asp教程] 日期:2018-09-01 来源:DaWei
烈火网(LieHuo.Net)教程 今天在某技术论坛转的时候看到一个漂亮的幻灯片效果,是基于js与css打造的,在以前的文章中,我们也曾经发表过关于此类的文章,例如《JavaScript+Css打造的图片轮播幻灯片效果》,与此效果不同之处是链接文字出现在图片的外围,请[详细]
-
JavaScript+Css打造的图片轮播幻灯片效果
所属栏目:[Asp教程] 日期:2018-09-01 来源:DaWei
烈火网(LieHuo.Net)教程 幻灯片几乎是现在的网站不必可少的东东,在很久以前的图片轮播(幻灯片)中,我们接触到的大多都是Flash形式的,而现在则流行Js的幻灯效果,今天就给大家分享一篇JS+CSS实现的图片轮播效果,代码内有注释。 !DOCTYPE html PUBLIC -[详细]
-
刷新一次显示不同图片的特效代码
所属栏目:[Asp教程] 日期:2018-09-01 来源:DaWei
利用 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-01 来源:DaWei
用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-01 来源:DaWei
这是一个网页设计中经常会用到的图片特效,实现多个图片之间的轮换,并分别带有连接,以前的代码只能适用于IE,在FF下始终没有得到很好的解决,今天意外的在百度联盟首页上看到这样的效果,支持FF,收藏起来备用。[详细]
-
图片上下左右全方位滚动特效,通过按钮可控制
所属栏目:[Asp教程] 日期:2018-08-22 来源:DaWei
图片上下左右全方位滚动特效,通过按钮可控制,一眼看上去好像 录音机 的界面,其实这是一个通过JS控制方向滚动的图片,大家学习一下吧。 注意:在滚动的时候,鼠标还可以拖动,但是你会发现,即使你拖动了,它还是照样会按照原来的方向滚动。 演示: HTML[详细]
-
JavaScript控制图片放大,图片缩小,图片还原
所属栏目:[Asp教程] 日期:2018-08-22 来源:DaWei
烈57火24网(LieHuo17.Net)教72程 Java Script代码实现对图片放大、缩小的控制,当点击放大的时候,图片会放大,点缩小则变小,连续点击则不断的放大,也可清除还原。这项功能是通过 Math.pow(x,y) 的幂运算来计算大小图片放大缩小的尺寸。 演示: htmlhead[详细]
-
CSS 教程: Fliter 图片修饰特效代码之二
所属栏目:[Asp教程] 日期:2018-08-22 来源:DaWei
一个CSS教程,主要讲Fliter滤镜的使用方法,将一幅图片修饰成不同的效果,类似反光、翻转图片、副片、单色、增加通道等图像专业效果。通过这个小教程,你或许会对Fliter有个熟悉的了解。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional/[详细]
-
Css filter:滤镜修饰图片实例代码
所属栏目:[Asp教程] 日期:2018-08-22 来源:DaWei
烈87火56网(LieHuo42.Net)教63程 Css filter:滤镜修饰图片实例,同一张照片,通过定义不同的CSS修饰效果,会获得让你意想不到的效果。其实这里仅使用了CSS中的Fliter滤镜,设置Fliter不同的参数,得到不同的光照角度,出来的效果当然也就不一样了。 演示:[详细]
-
在网页空白处单击鼠标显示图片的JS代码
所属栏目:[Asp教程] 日期:2018-08-22 来源:DaWei
烈14火66网(LieHuo87.Net)教55程 Java Script 在网页上单击鼠标的地方显示图片,有意思吧,其实菜单也可以这样搞,单击鼠标,显示菜单,呵可,把IMG标签换成DIV,把图片换成文字,把文字再制作成菜单,是不是一款隐藏菜单就做好了? 推荐类似文章:显示与隐[详细]
-
JavaScript 简单的显示、隐藏图片代码
所属栏目:[Asp教程] 日期:2018-08-22 来源:DaWei
烈61火73网(LieHuo65.Net)教84程 Java Script 简单的显示、隐藏图片代码,这里最关键是定义好图片的ID,然后利用按钮的onClick函数的visibility方法来轻易实现图片的visible与hidden,其实OnClick控制的只是ID,并不会管ID里面究竟是什么,如果把图片换成[详细]
-
网页上使用上下左右方向键控制图片移动
所属栏目:[Asp教程] 日期:2018-08-22 来源:DaWei
烈38火07网(LieHuo24.Net)教24程 网页上使用上下左右方向键控制图片移动,用键盘上的方向键,来控制网页上某个图片的移动,按键,图片则向上,按键,图片则向下,其它也如此。聪明的朋友就会知道, Java Script通过获取键盘的键位码,改变图片在XY方向上的[详细]
-
鼠标拖动图片,JS实现鼠标拖动图片到网页任何位置
所属栏目:[Asp教程] 日期:2018-08-22 来源:DaWei
烈07火54网(LieHuo12.Net)教11程 鼠标拖动图片,JS实现鼠标拖动图片到网页任何位置。鼠标拖动图片,经常见的一款效果了,觉得这款代码写的比较有新意,特别是代码量非常少,相信对学习 Java Script的朋友有所启发,点击运行,鼠标放到图片上,按下左键移动[详细]
-
jQuery放大商品图片tips提示框(纯CSS箭头+阴影)
所属栏目:[Asp教程] 日期:2018-08-22 来源:DaWei
烈72火52网(LieHuo12.Net)网页63特效 jQuery 放大商品图片tips提示框,效果中有纯CSS箭头和阴影,在6om购物排行榜上发现了这个商品图片 jquery tips 提示层,非常漂亮。使用 Jquery 类库,代码精简,并且带人性化缺口和阴影。那个箭头不要以为是用图片做的[详细]
-
在网页上实现跟随鼠标移动的图片
所属栏目:[Asp教程] 日期:2018-08-22 来源:DaWei
烈42火24网(LieHuo29.Net)教66程 在网页上实现跟随鼠标移动的图片,鼠标移到哪儿?图片就会跟到哪儿,有意思极了。在这个效果中,图片是一个红苹果,想一想,换成别的图片,会有更奇特的效果来。常用在个人博客个人主页上,一些喜欢个性的朋友们,动动脑袋[详细]
-
JS图片切换效果,结合CSS仿淘宝的幻灯代码
所属栏目:[Asp教程] 日期:2018-08-15 来源:DaWei
JS图片切换效果,结合CSS仿淘宝taobao首页轮播原生js面对对象封装版,刚学习JS面向对象,今天周末没地方应聘就在租的地方倒腾点东西,可能不入各位牛人的法眼,不过能帮小弟分析分析代码,小弟就不甚荣幸。我用的是改变透明度的办法,图片是淘宝的首页图片[详细]
-
鼠标拖动图片至任意位置,JS图片拖放效果
所属栏目:[Asp教程] 日期:2018-08-15 来源:DaWei
鼠标拖动图片至任意位置,JS图片拖放效果。通过下边的代码演示可以看到:页面中的这两张图片可以用鼠标拖动的,在页面装入的时候初始化事件捕获过程,通过这个代码你或许会学会以不少东西,特别是拖动对象的处理。 演示: htmlheadstyle type=text/css#ver[详细]
-
渐变模糊的图像代码,鼠标经过高亮显示效果
所属栏目:[Asp教程] 日期:2018-08-15 来源:DaWei
渐变模糊的图像代码,鼠标经过高亮显示效果,用JS代码改变图像光照效果,模糊或高亮显示一幅图片。鼠标移到模糊的图上,图慢慢地变清晰,移走鼠标,图又变模糊。以前发过类似的效果,可能在实现的思路上会不一样,你可以参考一下本款图片渐变有何异同。 演[详细]
-
JS平滑滚动的图片切换代码,带左右按钮控制
所属栏目:[Asp教程] 日期:2018-08-15 来源:DaWei
JS平滑滚动的图片切换代码,带左右按钮控制。一个基于JS来实现的焦点图,原生JS面向对象的思想,左右滚动的焦点图,经过修改,能在主流浏览器下(包括IE6-9、chrome、firefox)正常的运行,通过对本焦点图的编写,主要学习javascript的面向对象机制,与常[详细]
-
图片加载特效,JS图片loading个性显示效果
所属栏目:[Asp教程] 日期:2018-08-15 来源:DaWei
图片加载特效,JS图片loading个性显示效果。说的白话一些就是图片在加载的时候不是一下子加载完,而是随着网页滚动条的滚动,即时加载,这样可以节省资源,让网页在初始状态的打开速度非常快,避免了用户等待。这里使用了一个封装的JS类文件,你可以引伸功[详细]
