项目小总结

来源:互联网 发布:四川广电网络投诉电话 编辑:程序博客网 时间:2024/06/04 23:26
1.微信分享图标尺寸必须是300x300(否则iphone显示不出来)

2.ie浏览器图片出现蓝框(解决方法:border:none;)

3.a点击出现框,解决方法:
    a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;border:none;-webkit-appearance: none; }

4.swiper-container微信浏览器触摸时会出现一层透明的遮罩层的(swiper),解决方法:
   .swiper-container{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}

5.插件
3D轮播   jquery.featureCarousel.min http://blog.csdn.net/helpzp2008/article/details/41513143  无缝滚动  jquery-kxbdmarquee-141127204752 http://code.ciaoca.com/jquery/kxbdmarquee/demo/(高度或者宽度可以整除20,否则会出现卡顿问题)
  获取手机型号品牌系统  mobile-detect.js-master(手机品牌不全)
  全屏滚动 jquery.fullpage.js http://www.dowebok.com/77.html/fullpage.js http://www.dowebok.com/143.html(兼容ie低版本)
  轮播图插件 unslide(兼容ie)(http://www.bootcss.com/p/unslider/

6.swiper页码不动,解决:
    一个轮播图swiper,页码同时重新创建,导致页码不动(注意:局部变量)
    $(".img-wrap img").click(function(){
    $(".swiper").show();
    if(mySwiper==undefined){
        mySwiper = new Swiper('.swiper-container', {
            pagination : '.swiper-pagination',
            loop : true,
            autoplayDisableOnInteraction: false
        });
    }
    mySwiper.slideTo($(this).index()+1);
});

7. 扩展名.bat文件

        bat文件是dos下的批处理文件。批处理文件是无格式的文本文件,它包含一条或多条命令。它的文件扩展名为 .bat 或 .cmd。在命令提示下键入批处理文件的名称,或者双击该批处理文件,系统就会调用cmd.exe按照该文件中各个命令出现的顺序来逐个运行它们。使用批处理文件(也被称为批处理程序或脚本),可以简化日常或重复性任务。

8、百度分享插件http://share.baidu.com/

<div class="bdsharebuttonbox" data-tag="share_1" style="float: right;margin-right: 150px;">
    <a href="javascript:void(0)" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
    <a href="javascript:void(0)" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
    <a href="javascript:void(0)" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
    <a href="javascript:void(0)" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a>
    <a href="javascript:void(0)" class="bds_more" data-cmd="more"></a>
</div>

9、多次绑定事件就会出现多次相同的操作,多次创建同一个对象也会出现问题。


     如果要这样,解决方法:
        用$("p").unbind()解除事件再绑定
       或者 $("p").off("click").on("click",function(){})


10.box-shadow(只能给长方形,正方形加阴影)
    box-shadow兼容各个浏览器
   解决方法:设置元素样式
     { -ms-filter: ”progid:DXImageTransform.Microsoft.Shadow(color='#969696,Direction=0,Strength=10) progid:DXImageTransform.Microsoft.Shadow(color='#969696,Direction=90,Strength=10) progid:DXImageTransform.Microsoft.Shadow(color='#969696,Direction=180,Strength=10) progid:DXImageTransform.Microsoft.Shadow(color='#969696,Direction=360,Strength=10)”;
      filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度, Strength=阴影半径);         
      background-color:#eee;
       -moz-box-shadow:2px 2px 5px #969696;          
       -webkit-box-shadow:2px 2px 5px #969696;      
        box-shadow:2px 2px 5px #969696;                    }

11.jquery.fullpage.js超出满屏时的设置http://www.dowebok.com/demo/2014/77/

<script src="js/jquery-1.8.3.min.js"></script>
 <script src="js/jquery.fullPage.min.js"></script>
 <!--必须引入slimscroll-->
 <script src="js/jquery.slimscroll.min.js" type="text/javascript" charset="utf-8"></script>
$('#dowebok').fullpage({
sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90'],
'navigation': true,
"scrollOverflow":true//设置true,则必须引入slimscroll
});


原创粉丝点击