博客

  • 如何让网站全黑或全灰色?

    四川汶川大地震时,主流网站都变黑或者边灰色,像这样的效果要使用到滤镜功能filter。

    IE下:

    html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

    谷歌、火狐等其他浏览器下:

    html{filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-webkit-filter:grayscale(1)}

    可以讲代码合并在一起

    html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-webkit-filter:grayscale(1)}
  • 基于jquery动画自动用循环效果

    我们都知道animate有function函数,效果就是只要上一步动画效果执行完成就可以开始执行animate里面的function代码,如图

    animate_

    但如果动画队列很多的情况下可以使用自调用循环方法,如图:

    animate2_

     

    jquery自调用函数时,会自动帮我们检查DOM的数量,如果超出了范围就不会在自调用了也就是y的变量不会在增加。

  • 根据url参数给网页指定地方高亮显示效果

    var strUrl=window.location.href; 
    var arrUrl=strUrl.split("/"); 
    var strPage=arrUrl[arrUrl.length-1]; 
    var reg=new RegExp('[0-9]+','ig');
    var number=strPage.match(reg)[0];
    $('#xmys .xmys_right ul li').removeClass('hover');
    $('#xmys .xmys_right ul li:eq('+(number-1)+')').addClass('hover');

    此代码基于jQuery完成,判断url中含有的参数给指定页面添加一个class,实现高亮显示效果。

  • jquery水平滚动公告栏

    jquery水平滚动公告栏 文字滚动 文本滚动

    scroll_new

     

    jquery_news