分类
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery-1.7.2.min.js"></script>
<div style="height:400px;"></div> <!-- 滚动显示 里面的内容 默认需要在“pattern-box”上面加上高度 需向下滑动 才可显示内容 --> <div class="pattern-box"> <div class="pattern-head"> <h2>多种多样的商业盈利模式</h2> </div> <div class="pattern-wrap"> <div class="pattern-list"> <div class="pattern-item item-1"> <div class="pattern-item-title"> <img src="images/app-store-biz1.png" about="" title="" alt=""> <h3>自营电商</h3> </div> <p>适用于各行各业电商买卖<br>服装、生鲜、电器、家居等</p> </div> <div class="pattern-item item-2"> <div class="pattern-item-title"> <img src="images/app-store-biz2.png" about="" title="" alt=""> <h3>招商入驻</h3> </div> <p>打造网上综合商场<br>入驻费、佣金折扣、广告费</p> </div> <div class="pattern-item item-3"> <div class="pattern-item-title"> <img src="images/app-store-biz3.png" about="" title="" alt=""> <h3>O2O营销</h3> </div> <p>线上线下联动营销<br>线上预约/买单,线下消费</p> </div> <div class="pattern-item item-4"> <div class="pattern-item-title"> <img src="images/app-store-biz4.png" about="" title="" alt=""> <h3>付费阅读</h3> </div> <p>打造各行业新闻自媒体<br>集聚粉丝,付费阅读</p> </div> <div class="pattern-item item-5"> <div class="pattern-item-title"> <img src="images/app-store-biz5.png" about="" title="" alt=""> <h3>付费发布</h3> </div> <p>二手、招聘、房产、宠物等<br>用户付费发布相关信息</p> </div> </div> </div> </div> <div style="height:200px;"></div> <script type="text/javascript"> var $mod = $(".pattern-box"); document.addEventListener('scroll',function(){ //滚动条高度+视窗高度 = 可见区域底部高度 var visibleBottom = window.scrollY + document.documentElement.clientHeight; //可见区域顶部高度 var visibleTop = window.scrollY; for (var i = 0; i < $mod.length; i++) { var centerY = $mod.eq(i).offset().top+($mod.eq(i).outerHeight()/2); //console.log($mod.eq(i).outerHeight()); if(centerY>visibleTop&¢erY<visibleBottom){ $mod.eq(i).addClass("show"); //console.log('第'+i+'个区域可见'); }else{ //$mod.eq(i).removeClass("show"); //console.log('第'+i+'个区域不可见'); } } }); </script>
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。
此作品是由17素材网签约用户上传,17素材网拥有版权;未经17素材网书面授权,请勿作他用。人物肖像,字体及音频如需商用需第三方额外授权;
17素材网尊重知识产权,如知识产权权利人认为平台内容涉嫌侵权,可通过邮件:3264130392@qq.com提出书面通知,我们将及时处理。
网站提供的党政主题相关内容(国旗、国徽、党徽...),目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。