图片的切换效果有很多,比较常见的有水平滚动、垂直滚动、淡入淡出等。我们接下来一一实现这些效果。 1.水平滚动 1) 我们先来实现HTML页面,代码很简单: 2)然后我们设置下CSS: 目前的显示效果如下: 3)接下来,我们需要点击实现图片的切换,下面是实现水平滚动效果的jQuery插件: 4)最后, ...
分类:
Web程序 时间:
2017-11-21 01:07:55
阅读次数:
200
1.返回顶部 $(function(){ $('.top').hide(); $(window).scroll(function() { if($(window).scrollTop() >= 100){ $('.top').fadeIn(300); }else{ $('.top').fadeOut ...
分类:
Web程序 时间:
2017-11-19 14:57:31
阅读次数:
242
运用jQuery时,需要在页面中引入jQuery文件 jQuery的hello world <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge ...
分类:
Web程序 时间:
2017-11-19 02:30:36
阅读次数:
204
上传头都是比较复杂的一件事,最近帮朋友找了一款插件给大家分享一下。 ps:这个可以根据你的设计稿自由发挥 可以写成各种样式,不会再有固定插件的样式; 演示地址:http://durenlong.gitee.io/uploading 码云地址:https://gitee.com/durenlong/u ...
分类:
Web程序 时间:
2017-11-17 17:02:19
阅读次数:
307
本文实例展示了DevExpress中SplashScreen的用法,对于C#初学者来说有一定的参考借鉴价值,具体用法如下: 关键代码部分如下: using DevExpress.XtraSplashScreen; using System; namespace DevExpressUtilHelpV ...
分类:
其他好文 时间:
2017-11-13 23:29:37
阅读次数:
714
jQuery中动画animate(上) 有些复杂的动画通过之前学到的几个动画函数是不能够实现,这时候就需要强大的animate方法了 操作一个元素执行3秒的淡入动画,对比一下2组动画设置的区别 $(elem).fadeOut(3000) $(elem).animate({ opacity:0 },3 ...
分类:
Web程序 时间:
2017-11-03 21:56:10
阅读次数:
229
jQuery中淡出动画fadeOut 让元素在页面不可见,常用的办法就是通过设置样式的display:none。除此之外还可以一些类似的办法可以达到这个目的。这里要提一个透明度的方法,设置元素透明度为0,可以让元素不可见,透明度的参数是0~1之间的值,通过改变这个值可以让元素有一个透明度的效果。常见 ...
分类:
Web程序 时间:
2017-11-03 21:46:28
阅读次数:
238
一、概括 jq的显示隐藏动画总共有: 普通显示隐藏效果主要用了hide、show、toggle 淡入淡出主要用到了fadeIn、fadeOut、fadeToggle 滑动效果主要用了slideDown、slideUp、slideToggle 其中各效果用到的toggle都是其他两个属性的切换 二、实 ...
分类:
其他好文 时间:
2017-11-02 23:14:32
阅读次数:
266