• 好爸爸开讲:这是我的童年 我的大指挥官 2019-10-15
  • 美元短线拉升 随后回吐涨幅 2019-10-15
  • 【打好精准脱贫攻坚战】那曲农牧业特色产业精准脱贫初见成效 2019-10-12
  • [大笑]是谁在炒呢?你们不参与,能炒得起来么? 2019-10-12
  • 海淀区公布第四批77处区级文物保护单位 2019-08-18
  • 互助献血成有偿兼职 揭秘新型“血头”的“生财术” 2019-08-02
  • 淘票票实施全链路营销策略,推动电影宣发进入“共振”时代 2019-08-02
  • 调查:约四成台湾幼儿园孩童每天使用手机逾30分钟 2019-07-17
  • 2019-07-17
  • 第二届加强创新和社会管理案例理论论坛暨社会管理创新案例颁奖典礼 2019-07-14
  • 光明网招聘时事新闻分析编辑 2019-07-14
  • Premiê chinês reúne-se com a imprensa 2019-07-11
  • 习近平:真抓实干埋头苦干万众一心 夺取脱贫攻坚战全面胜利 2019-07-11
  • 紫光阁中共中央国家机关工作委员会 2019-07-05
  • 北京公示东城区委常委、副区长陈之常拟为区长人选(图简历) 2019-07-05
  • 实况2019拜仁慕尼黑:写通用网页滚动图片代码像flash

    抛弃flash滚动图片,因为为什么?时代在进步,技术不更新,真的没办法跟上网站建设主流。如今的你,可能都有一台苹果上网设备,如“MacBook、iPhone 和 iPad”,它不可否认给世界带来的影响有大。

    今天易雅达李越将要分享的是一款插件,在过去,很多网页在windows系统上显示正常,但是如果有人是用苹果产品访问该网站,发现它不能兼容flash。

    所以如下:

    要适应Apple Mac 系统,那就写通用的网页代码,让所有的人访问无障碍。

    第一步骤:

    css样式表,插入这段代码:
    /*index*/
    .dbImg{width:960px;height:341px;position:relative;}
    .dbImg ul{height:307px;}
    .dbImg li{position:absolute;display:none}
    .dbImg li img{display:block}
    .jsNav{background:url(../images/index/bannerBg.jpg) repeat-x;height:34px; width:960px;}
    .jsNavInner{position:absolute;right:23px;}
    .jsNav a{display:block;float:left;width:7px;height:7px;margin-left:11px;
        background:url(../images/index/bannerIcon.jpg) no-repeat;text-indent:-9999px; line-height:0; margin-top:13px;}
    .jsNav a.current{background:url(../images/index/bannerIconCurr.jpg) no-repeat;}


    .clear{clear:both}
    .clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height: 0;height:0;}
    .clearfix{display:inline-block;}
    html[xmlns] .clearfix {display: block;}
    * html .clearfix {height: 1%;}


    第二步骤:

    在想要展示动画滚动图片的地方,添加这部分代码。

    <div class="dbImg">
            <ul id="portfolio" class="clearfix">
            
                     <li style="display:block"><a href="//www.mvcxr.com/"><img src='//www.mvcxr.com/wzjs/images/default/default_logo.png' width="960" height="307"/></a></li>
                   
                     <li ><a href="#"><img src='/ImgUpload/Pictures/big/20110714150856.jpg' width="960" height="307"/></a></li>
                   
                     <li ><a href="#"><img src='/ImgUpload/Pictures/big/20120516144958.jpg' width="960" height="307"/></a></li>
                   
               
            </ul>

            <div class="jsNav">
                <div class="jsNavInner clearfix" id="jsNav" >
               
                     <a class="trigger current"  href="nojavascript...void(0)">1</a>
                   
                     <a class="trigger"  href="nojavascript...void(0)">2</a>
                   
                     <a class="trigger"  href="nojavascript...void(0)">3</a>
                   
                 
                </div>
            </div>

            <!--<div id="sorollDiv1" style="right:-126px;position:absolute; top:150px;z-index:1000;">
                <a href="/news/detail.aspx?ID=318"><img src="images/ban.png" /></a>
            </div>-->
        </div>


    第三步骤:

    在网站模板中加入这个代码

    <script type="text/javascript" src="//www.mvcxr.com/tp/jquery-1.5.js"></script>
    <script type="text/javascript" src="//www.mvcxr.com/tp/indexBanner.js"></script>
    <script type="text/javascript">
        var $num = $("#jsNav a").length;
    </script>
    </body>
    </html>

    第四步骤:

    更新你的网页,效果出来了。

  • 好爸爸开讲:这是我的童年 我的大指挥官 2019-10-15
  • 美元短线拉升 随后回吐涨幅 2019-10-15
  • 【打好精准脱贫攻坚战】那曲农牧业特色产业精准脱贫初见成效 2019-10-12
  • [大笑]是谁在炒呢?你们不参与,能炒得起来么? 2019-10-12
  • 海淀区公布第四批77处区级文物保护单位 2019-08-18
  • 互助献血成有偿兼职 揭秘新型“血头”的“生财术” 2019-08-02
  • 淘票票实施全链路营销策略,推动电影宣发进入“共振”时代 2019-08-02
  • 调查:约四成台湾幼儿园孩童每天使用手机逾30分钟 2019-07-17
  • 2019-07-17
  • 第二届加强创新和社会管理案例理论论坛暨社会管理创新案例颁奖典礼 2019-07-14
  • 光明网招聘时事新闻分析编辑 2019-07-14
  • Premiê chinês reúne-se com a imprensa 2019-07-11
  • 习近平:真抓实干埋头苦干万众一心 夺取脱贫攻坚战全面胜利 2019-07-11
  • 紫光阁中共中央国家机关工作委员会 2019-07-05
  • 北京公示东城区委常委、副区长陈之常拟为区长人选(图简历) 2019-07-05
  • 重庆时时开奖结果查询 网上真人龙虎 快三单双大小有规律吗 牛牛什么牌适合抢庄 广东11选5精准一中一 手机麻将作弊器 彩票和值大小单双技巧 可以提现的牛牛棋牌游戏 下载app广东11选 网赌mg免费旋转藏分 玩彩什么意思 在线21点游戏平台 中国足球彩票网 重庆时时彩龙虎犯法吗 百亿娱乐app注册送38 免费金币二八杠游戏下载