视频展示
首页
闹闹
社区
生活
二手
找工作
找房子
更多
2017款别克君越
<div id="videowrap"> <ul id="videoul" runat="server"> <li id="861971" class="cur"><div><img src="http://r9.pccoo.cn/yp/20170905/2017090517431164969291_300_300_200x150(s).jpg"></div><p>2017款别克君越</p></li> <li id="861957"><div><img src="http://r9.pccoo.cn/yp/20170905/2017090517422835686443_500_375_200x150(s).jpg"></div><p>2017款迈锐宝</p></li> <li id="861956"><div><img src="http://r9.pccoo.cn/yp/20170905/2017090517401054726966_491_375_200x150(s).jpg"></div><p>CS70</p></li> </ul> </div> </div> <script type="text/javascript" src="https://img.pccoo.cn/wap/webapp/js/jquery.cookie.js"></script> <script type="text/javascript" src="https://img.pccoo.cn/wap/webapp/js/mfabu.js"></script> <script type="text/javascript" src="https://img.pccoo.cn/wap/js2/oldwap-common_new.v1.js"></script> <script type="text/javascript"> $("#videoul").width($("#videoul li").length * 132) var startX = 0, startY = 0, endX = 0, endY = 0, sleft = 0, touch, lef = 0 $p.id("videoul").addEventListener("touchstart", function (event) { if (event.targetTouches.length = 1) { $("#videoul").css("-webkit-transition", "left 0s ease-in-out") touch = event.targetTouches[0]; startX = touch.pageX; startY = touch.pageY; sleft = parseInt($("#videoul").css("left")) } }) $p.id("videoul").addEventListener("touchmove", function (event) { if (event.targetTouches.length = 1) { touch = event.targetTouches[0]; endX = touch.pageX; endY = touch.pageY; if (Math.abs(endX - startX) > Math.abs(endY - startY)) { event.preventDefault(); if (endX > startX) { if (sleft == 0) { $("#videoul").css("left", "20px") lef = 1 } else if (sleft < 0) { if (sleft > -(endX - startX)) { $("#videoul").css("left", "20px") lef = 1 } else { $("#videoul").css("left", sleft + (endX - startX) + "px") lef = 0 } } } else { if ($("#videoul").width() - $("#videowrap").width() + sleft < startX - endX) { $("#videoul").css("left", -($("#videoul").width() - $("#videowrap").width() + 30) + "px") lef = 2 } else { $("#videoul").css("left", sleft + (endX - startX) + "px") lef = 0 } } } } }) $p.id("videoul").addEventListener("touchend", function (event) { $("#videoul").css("-webkit-transition", "left 0.2s ease-in-out") if (lef == 1) { $("#videoul").css("left", "0px") } if (lef == 2) { $("#videoul").css("left", -($("#videoul").width() - $("#videowrap").width() + 10) + "px") } }) $("#videoul li").click(function () { $(this).addClass("cur").siblings().removeClass("cur") var vsrc = $(this).find("div").children().attr("src") var vname = $(this).find("p").text() var id = $(this).attr('id'); jQuery.ajax({ url: "/yp/YpCompVideoInfo", type: "POST", data: { id: id, ypid: '678200' }, success: function (data) { if (data != "") { $(".v_cur").html(data); $("#tit").html(vname); } else { alert('视频不存在或已被删除~'); } } }); }) </script> <script type="text/javascript"> $(function() { //顶部点击 $(".show-all-list").click(function() { $(".all-list-mask").toggle(); $(".show-all-listcon").slideToggle(); $("div.tie_menu").slideUp(); if (!$('body').hasClass('noslide')) { $('body').addClass('noslide'); } else { $('body').removeClass('noslide'); } }); function closeList() { $(".show-all-listcon").slideUp(); $(".all-list-mask").hide(); if ($('body').hasClass('noslide')) $('body').removeClass('noslide'); } $(".all-list-mask").click(function() { closeList(); }); $(".show-all-listcon").find("li").click(function() { closeList(); }); }); //点击按钮，消息框弹出 $("#btn").bind("click", function () { //$("div.slide_wrap").addClass("show"); //$("div.slide_nav").html("<div style='width:78%;height:30px;color:#fff;text-align:center;position:absolute;top:50%;left:0;margin-top:-15px;'>正在努力加载~</div>").load("/Index/UserInfo/"); //if ($(".post-wrap").is(":visible")) { // $(".post-wrap").hide(); // $(".quick-p").removeClass("on"); //} window.location.href = '/home/myindex.aspx'; }); //点击空白处，消息框隐藏 $("div.slide_wrap").click(function (e) { if (e.target.className == "slide_wrap show") { $(this).removeClass("show"); } }); //底部图标 icon if ($(".bottom_nav").length) { $(".bottom_nav a").each(function () { if ($(this).hasClass("on")) { if ($(this).find("i").hasClass("icon-toutiao1")) { $(this).find("i").removeClass("icon-toutiao1").addClass("icon-toutiao-over") } else if ($(this).find("i").hasClass("icon-shequ2")) { $(this).find("i").removeClass("icon-shequ2").addClass("icon-shequ2-over") } else if ($(this).find("i").hasClass("icon-naonao")) { $(this).find("i").removeClass("icon-naonao").addClass("icon-naonao-over") } else if ($(this).find("i").hasClass("icon-shenghuo")) { $(this).find("i").removeClass("icon-shenghuo").addClass("icon-shenghuo-over") } else if ($(this).find("i").hasClass("icon-xiaoxi1")) { $(this).find("i").removeClass("icon-xiaoxi1").addClass("icon-xiaoxi-over") } else if ($(this).find("i").hasClass("icon-faxian")) { $(this).find("i").removeClass("icon-faxian").addClass("icon-faxian-over") } else if ($(this).find("i").hasClass("icon-zixun")) { $(this).find("i").removeClass("icon-zixun").addClass("icon-zixun-over") } else if ($(this).find("i").hasClass("icon-wujiaoxingkong")) { $(this).find("i").removeClass("icon-wujiaoxingkong").addClass("icon-xing") } else if ($(this).find("i").hasClass("icon-huodong")) { $(this).find("i").removeClass("icon-huodong").addClass("icon-huodong-over") } else if ($(this).find("i").hasClass("icon-zhaogongzuo")) { $(this).find("i").removeClass("icon-zhaogongzuo").addClass("icon-zhaogongzuo-over") } else if ($(this).find("i").hasClass("icon-fangchan")) { $(this).find("i").removeClass("icon-fangchan").addClass("icon-fangchan-over") } else if ($(this).find("i").hasClass("icon-dianpu1")) { $(this).find("i").removeClass("icon-dianpu1").addClass("icon-dianpu1-over") } else if ($(this).find("i").hasClass("icon-weishenghuo")) { $(this).find("i").removeClass("icon-weishenghuo").addClass("icon-weishenghuo-dianji") } else if ($(this).find("i").hasClass("icon-xiangqin")) { $(this).find("i").removeClass("icon-xiangqin").addClass("icon-xiangqin-over") } } }) } </script> <div style="display: none;"> <script type="text/javascript"> try { setTimeout(function () { (function () { var hm = document.createElement("script"); hm.src = "https://s4.cnzz.com/stat.php?id=4599213&web_id=4599213"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); var hm1 = document.createElement("script"); hm1.src = "https://s5.cnzz.com/stat.php?id=3834609&web_id=3834609"; var s1 = document.getElementsByTagName("script")[0]; s1.parentNode.insertBefore(hm1, s1); var hm2 = document.createElement("script"); hm2.src = "https://count.ccoo.cn/stat.js?siteid=1023&uid=0&type=m"; var s2 = document.getElementsByTagName("script")[0]; s2.parentNode.insertBefore(hm2, s2); })(); }, 500); } catch (e) { } </script> <img src="https://img.pccoo.cn/wap/webapp/images/share.jpg" alt="城市通" /> <script> $(function () { if (wxJSAPI) { if (wxJSAPI.configoptions) { if (1023== "2045") { wxJSAPI.configoptions.fx_default_pic = "https://img.pccoo.cn/wap/images/xwshare.jpg"; } else if (1023== "789") { wxJSAPI.configoptions.fx_default_pic = "http://img.pccoo.cn/wap/images/logo_linshui20200709.png"; } else if (1023== "2111") { wxJSAPI.configoptions.fx_default_pic = "http://img.pccoo.cn/wap/images/logo_lishui202000709.png"; } else if (1023== "1513") { wxJSAPI.configoptions.fx_default_pic = "http://img.pccoo.cn/wap/webapp/images/bxzx1513.png"; }else { wxJSAPI.configoptions.fx_default_pic = "https://img.pccoo.cn/wap/webapp/images/share.jpg"; } } } }) </script> </div> <script type="text/javascript" src="https://img.pccoo.cn/wap/webapp/js/clipboard.min.js"></script> <script type="text/javascript" src="https://img.pccoo.cn/wap/webapp/js/copy_kouling.js?v24051909"></script> <script type="text/javascript" src="https://cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer"></script> </body> </html>