实例分析：仿6room网站图片链接效果

2022-07-15 80酷酷网 80kuku.com

　　链接

在本人上一篇教程《》有讲到一个很酷的链接面板提示的实例制作，那时主要是用到display方法来实现对象的显示和隐藏的，但是后来了解到那种方法对搜索引擎不友好，一些特别的阅读设备会读不到信息，比如盲人阅读器等等，所以今天又写了一个类似的教程，这次是用margin来实现，本实例实现方法简单但却很实用，实例做的是仿6room(著名web2.0视频网站)图片链接效果，下面请先运行代码看看最终实现的效果。

运行代码框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>仿6room图片链接效果--唐国辉</title><style type="text/css"><!--*{ margin:0px; padding:0px;}body { margin:20px; font-size: 12px; line-height:18px;}.blueidea { background-color: #CCC; margin:5px;/*因为我一共做了三个实例,等一下排列使它们不会靠在一起*/ padding: 3px;/*形成边框装饰，同时等一下也方便控制其子元素位置,所以我没有用BORDER*/ height: 96px;/*与图片等高*/ width: 128px; position: relative; float:left;/*让三个实例横向排列* <br><br> <p></p> </div> </article><div class='kePublic'><div id="dsds888" style='display:none'></div><div class='clearfix'></div> <div class='gb_resLay'> <div class='gb_res_t'><span>分享到</span><i></i></div> <div class='bdsharebuttonbox'> <ul class='gb_resItms'> <li><a title='分享到微信' href='javascript:;' style='background: url(/a/images/gbRes_2.png) no-repeat center center/60px 60px;' onclick='wxfx118();'></a>微信分享</li> <li><a title='分享到新浪微博' href='javascript:;' style='background: url(/a/images/gbRes_6.png) no-repeat center center/60px 60px;' onclick='wbfx118()'></a>新浪微博</li> <li><a title='分享到QQ好友' href='javascript:;' style='background: url(/a/images/gbRes_3.png) no-repeat center center/60px 60px; ' onclick="hyfx118()"></a>QQ好友</li> <li><a title='分享到QQ空间' href='javascript:;' style='background: url(/a/images/gbRes_4.png) no-repeat center center/60px 60px;' onclick="qqfx118()" ></a>QQ空间</li> </ul> </div> </div> <div class='clearfix'></div></div> <div class='clearfix'></div> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis"> <span class="prev iconfont icon-toleft">上一篇</span><strong><a href='/itzs/47726.shtml' title='JavaScript网页验证函数（使用正则表达式）'>JavaScript网页验证函数（使用正则表达式）</a> </strong> </p> <p class="post-next fr ellipsis"> <span class="next iconfont icon-toright">下一篇</span><strong><a href='/itzs/47728.shtml' title='用jscript对iframe中对象进行访问'>用jscript对iframe中对象进行访问</a> </strong> </p> </div> <div class="related-art sb br mb"> <p class="c-title"><span class="name">相关文章</span></p> <ul class="ul clearfix"> <article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/17487.shtml" title="搞网赚贵在有创意" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="搞网赚贵在有创意"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/17487.shtml" title="搞网赚贵在有创意" target='_blank'>搞网赚贵在有创意</a></h2> <p class="intro hidden-sm">... <a href="/itzs/17487.shtml" title="搞网赚贵在有创意" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/20174.shtml" title="奋斗了半年多，目前每月收入八千左右" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/managementhttp://file.wbgxw.com/UpLoadfiles_8896/200712/20071207120217646.jpg" alt="奋斗了半年多，目前每月收入八千左右"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/20174.shtml" title="奋斗了半年多，目前每月收入八千左右" target='_blank'>奋斗了半年多，目前每月收入八千左右</a></h2> <p class="intro hidden-sm">... <a href="/itzs/20174.shtml" title="奋斗了半年多，目前每月收入八千左右" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/303652.shtml" title="文理哪个好(如何选文理科更有优势)" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad/20220805/16452314174fe2mm.jpg" alt="文理哪个好(如何选文理科更有优势)"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/303652.shtml" title="文理哪个好(如何选文理科更有优势)" target='_blank'>文理哪个好(如何选文理科更有优势)</a></h2> <p class="intro hidden-sm">... <a href="/itzs/303652.shtml" title="文理哪个好(如何选文理科更有优势)" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>08-05</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/35115.shtml" title="浅析ASP.NET FORUMS中缓存机制的应用" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="浅析ASP.NET FORUMS中缓存机制的应用"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/35115.shtml" title="浅析ASP.NET FORUMS中缓存机制的应用" target='_blank'>浅析ASP.NET FORUMS中缓存机制的应用</a></h2> <p class="intro hidden-sm">... <a href="/itzs/35115.shtml" title="浅析ASP.NET FORUMS中缓存机制的应用" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/37007.shtml" title="PHP中实现图片的锐化" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="PHP中实现图片的锐化"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/37007.shtml" title="PHP中实现图片的锐化" target='_blank'>PHP中实现图片的锐化</a></h2> <p class="intro hidden-sm">... <a href="/itzs/37007.shtml" title="PHP中实现图片的锐化" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/291837.shtml" title="香港有哪些明星(香港的娱乐明星)" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad/20220805/164229436496qxk4.jpg" alt="香港有哪些明星(香港的娱乐明星)"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/291837.shtml" title="香港有哪些明星(香港的娱乐明星)" target='_blank'>香港有哪些明星(香港的娱乐明星)</a></h2> <p class="intro hidden-sm">... <a href="/itzs/291837.shtml" title="香港有哪些明星(香港的娱乐明星)" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>08-05</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/279822.shtml" title="教大家魔浪o5耳机怎么连接安卓手机的方法" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad/20220805/5be000ad0a44d.jpg" alt="教大家魔浪o5耳机怎么连接安卓手机的方法"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/279822.shtml" title="教大家魔浪o5耳机怎么连接安卓手机的方法" target='_blank'>教大家魔浪o5耳机怎么连接安卓手机的方法</a></h2> <p class="intro hidden-sm">... <a href="/itzs/279822.shtml" title="教大家魔浪o5耳机怎么连接安卓手机的方法" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>08-05</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/33721.shtml" title="VB.net技巧之七----asp.net中cookie的使用" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="VB.net技巧之七----asp.net中cookie的使用"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/33721.shtml" title="VB.net技巧之七----asp.net中cookie的使用" target='_blank'>VB.net技巧之七----asp.net中cookie的使用</a></h2> <p class="intro hidden-sm">... <a href="/itzs/33721.shtml" title="VB.net技巧之七----asp.net中cookie的使用" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/43008.shtml" title="取自charset.h的其他数字定义" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="取自charset.h的其他数字定义"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/43008.shtml" title="取自charset.h的其他数字定义" target='_blank'>取自charset.h的其他数字定义</a></h2> <p class="intro hidden-sm">... <a href="/itzs/43008.shtml" title="取自charset.h的其他数字定义" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/300947.shtml" title="头为什么会起包(头上长包又痒又疼是什么原因)" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad/20220805/1644566091c2outa.jpg" alt="头为什么会起包(头上长包又痒又疼是什么原因)"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/300947.shtml" title="头为什么会起包(头上长包又痒又疼是什么原因)" target='_blank'>头为什么会起包(头上长包又痒又疼是什么原因)</a></h2> <p class="intro hidden-sm">... <a href="/itzs/300947.shtml" title="头为什么会起包(头上长包又痒又疼是什么原因)" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>08-05</time> </p> </div> </article> </ul> </div> </div> <aside id="sidebar" class="hidden-sm-md-lg fr"> <div class="theiaStickySidebar"> <section id="aside_new" class="widget widget_aside_new sb br mb"> <p class="c-title mb"><span class="name">热门文章</span></p> <ul class="widget-content aside_new"> <li class="list clearfix"><a href="/jycs/260330.shtml" title="白鸟之死（你知道白鸟之死背后的悲伤故事吗？）" target='_blank'><span class="img-wrap br"><img src="http://file.wbgxw.com/UpLoad/20220805/1626589185m6yiz9.jpg" alt="白鸟之死（你知道白鸟之死背后的悲伤故事吗？）" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">白鸟之死（你知道白鸟之死背后的悲伤故事吗？）</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i><span class="font-oswald">08-05</span></span><span class="view"><i class="iconfont icon-cate"></i><span class="font-oswald">经验常识 </span></span></div> </div> </a></li><li class="list clearfix"><a href="/yyzt/111855.shtml" title="中国人各省市人的平均身高" target='_blank'><span class="img-wrap br"><img src="/a/images/defaultpic.gif" alt="中国人各省市人的平均身高" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">中国人各省市人的平均身高</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i><span class="font-oswald">07-17</span></span><span class="view"><i class="iconfont icon-cate"></i><span class="font-oswald">影音杂谈 </span></span></div> </div> </a></li><li class="list clearfix"><a href="/jksh/103539.shtml" title="男人们最“致命”的秘密(图)" target='_blank'><span class="img-wrap br"><img src="http://file.wbgxw.com/UpLoad\20100713\re_201007132010236679.jpg" alt="男人们最“致命”的秘密(图)" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">男人们最“致命”的秘密(图)</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i><span class="font-oswald">07-17</span></span><span class="view"><i class="iconfont icon-cate"></i><span class="font-oswald">健康生活 </span></span></div> </div> </a></li><li class="list clearfix"><a href="/itzs/282274.shtml" title="绿联苹果数据线怎么样(苹果官方mfi认证10大品牌)" target='_blank'><span class="img-wrap br"><img src="http://file.wbgxw.com/UpLoad/20220805/1639817168k2ndtz.jpg" alt="绿联苹果数据线怎么样(苹果官方mfi认证10大品牌)" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">绿联苹果数据线怎么样(苹果官方mfi认证10大品牌)</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i><span class="font-oswald">08-05</span></span><span class="view"><i class="iconfont icon-cate"></i><span class="font-oswald">IT知识 </span></span></div> </div> </a></li><li class="list clearfix"><a href="/yyzt/341503.shtml" title="ps怎么把背景透明(ps背景内容没有透明怎么办)" target='_blank'><span class="img-wrap br"><img src="http://file.wbgxw.com/UpLoad/20220805/1639284094kg7eo3.jpg" alt="ps怎么把背景透明(ps背景内容没有透明怎么办)" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">ps怎么把背景透明(ps背景内容没有透明怎么办)</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i><span class="font-oswald">08-05</span></span><span class="view"><i class="iconfont icon-cate"></i><span class="font-oswald">影音杂谈 </span></span></div> </div> </a></li> </ul> </section> <section id="divTags" class="widget widget_tags sb br mb"> <p class="c-title mb"><span class="name">随机推荐</span></p> <ul class="widget-content divTags"> <li><a href="/yyzt/143438.shtml" title="比亚迪秦充电教程(比亚迪秦怎么充电)" target='_blank'>比亚迪秦充电教程(比亚迪秦怎么充电)</a></li><li><a href="/cylc/97577.shtml" title="调酒师成大学毕业生职场新选择" target='_blank'>调酒师成大学毕业生职场新选择</a></li><li><a href="/jycs/117804.shtml" title="成语故事之此处不留人，会有留人处" target='_blank'>成语故事之此处不留人，会有留人处</a></li><li><a href="/jycs/124157.shtml" title="广州工商银行黄埔区网点地址" target='_blank'>广州工商银行黄埔区网点地址</a></li><li><a href="/cylc/76899.shtml" title="梁上燕创业：人生的收获就在于此" target='_blank'>梁上燕创业：人生的收获就在于此</a></li><li><a href="/jksh/52583.shtml" title="拌沙拉用酸奶比用沙拉酱好" target='_blank'>拌沙拉用酸奶比用沙拉酱好</a></li><li><a href="/jksh/166408.shtml" title="长宁县属于四川省的哪个市" target='_blank'>长宁县属于四川省的哪个市</a></li><li><a href="/tstx/234790.shtml" title="热传递的三种方式（发现一种全新的热传递方式）" target='_blank'>热传递的三种方式（发现一种全新的热传递方式）</a></li><li><a href="/jksh/158487.shtml" title="公园怎么画(公园的画简单又漂亮)" target='_blank'>公园怎么画(公园的画简单又漂亮)</a></li><li><a href="/itzs/286125.shtml" title="万家乐燃气灶怎么样(口碑最好的燃气灶)" target='_blank'>万家乐燃气灶怎么样(口碑最好的燃气灶)</a></li><li><a href="/itzs/299793.shtml" title="伊朗和美国为什么不和(伊朗为什么要反美)" target='_blank'>伊朗和美国为什么不和(伊朗为什么要反美)</a></li><li><a href="/itzs/44443.shtml" title="制作我们自己的Ebay(拍卖系统EN) - How do I start?" target='_blank'>制作我们自己的Ebay(拍卖系统EN) - How do I start?</a></li><li><a href="/cylc/65494.shtml" title="“金镶钻神七金条”全球首发" target='_blank'>“金镶钻神七金条”全球首发</a></li><li><a href="/itzs/290883.shtml" title="割包皮一般多少钱(21岁割包茎是不是晚了)" target='_blank'>割包皮一般多少钱(21岁割包茎是不是晚了)</a></li><li><a href="/cylc/66857.shtml" title="马云和史玉柱的孔雀型领导风格" target='_blank'>马云和史玉柱的孔雀型领导风格</a></li><li><a href="/itzs/31246.shtml" title="在C#中运用SQLDMO备份和恢复SQL Server数据库" target='_blank'>在C#中运用SQLDMO备份和恢复SQL Server数据库</a></li><li><a href="/jksh/188704.shtml" title="支付宝蚂蚁庄园小鸡问答打开搁置一段时间后饼干会变软面包会变硬主要是因为" target='_blank'>支付宝蚂蚁庄园小鸡问答打开搁置一段时间后饼干会变软面包会变硬主要是因为</a></li><li><a href="/yyzt/307677.shtml" title="数码知识：vivo手机如何设置黑名单在哪里设置黑名单" target='_blank'>数码知识：vivo手机如何设置黑名单在哪里设置黑名单</a></li><li><a href="/jycs/115203.shtml" title="6月3日生日花语" target='_blank'>6月3日生日花语</a></li><li><a href="/jycs/11089.shtml" title="睿富“中国最有价值品牌排名”首次海外发布" target='_blank'>睿富“中国最有价值品牌排名”首次海外发布</a></li><li><a href="/jycs/268603.shtml" title="消极的意思（消极心理是怎样造成的）" target='_blank'>消极的意思（消极心理是怎样造成的）</a></li><li><a href="/yyzt/323256.shtml" title="怎样设计网站（如何设计网页整体框架）" target='_blank'>怎样设计网站（如何设计网页整体框架）</a></li><li><a href="/yyzt/185998.shtml" title="廉租房一年交多少钱(廉租房五年后拿房产证可以买卖)" target='_blank'>廉租房一年交多少钱(廉租房五年后拿房产证可以买卖)</a></li><li><a href="/jksh/106046.shtml" title="警惕：最易刺激男人偷腥的5大时刻" target='_blank'>警惕：最易刺激男人偷腥的5大时刻</a></li><li><a href="/yyzt/185851.shtml" title="小投资赚大钱(小投资赚大钱的生意)" target='_blank'>小投资赚大钱(小投资赚大钱的生意)</a></li><li><a href="/cylc/80360.shtml" title="穷人创业论：怎样才能够变成有钱人" target='_blank'>穷人创业论：怎样才能够变成有钱人</a></li><li><a href="/jycs/271181.shtml" title="龙井是什么茶（乌龙茶适合用什么茶具泡）" target='_blank'>龙井是什么茶（乌龙茶适合用什么茶具泡）</a></li><li><a href="/tstx/249559.shtml" title="word2010怎么转pdf（2010如何把Word转换成PDF格式）" target='_blank'>word2010怎么转pdf（2010如何把Word转换成PDF格式）</a></li><li><a href="/yyzt/109746.shtml" title="一封让老板看后一夜没睡的辞职信" target='_blank'>一封让老板看后一夜没睡的辞职信</a></li><li><a href="/cylc/100897.shtml" title="港人北上求职出现三大变化钟情深圳上海失宠" target='_blank'>港人北上求职出现三大变化钟情深圳上海失宠</a></li> </ul> </section> </div> </aside></div><script type="text/javascript">if($(".art-content").length>0){ $(".art-content img").each(function () { $(this).attr("data-original",$(this).attr("src")); $(this).attr("onclick","window.open($(this).attr('src'),'_blank','','true');"); $(this).css('cursor','pointer'); $(this).attr("title", "点击放大查看源图"); $(this).attr("src", "/a/images/imgloadimgload.gif"); $(this).lazyload(); });}</script><footer class="footer"> <div class="flink container sb mb"> <ul id="flink" class="f-list clearfix"> <li class="title">友情链接：</li> <li><a href='http://www.cssqt.com/' target='_blank'>长沙社区通</a></li> </ul> </div> <div class="main container"> <div class="f-about"> <small>80酷酷网是一个集80后网上创业娱乐学习的网站力争打造国内80后网上创业娱乐第一品牌</small> </div> <div class="f-diy"><small></small></div> <div class="clear"></div> </div> <div id="toolbar" class="toolbar "> <div id="totop" class="btn hidden"> <i class="iconfont icon-totop"></i> </div> </div></footer><div id="mask-hidden" class="mask-hidden transition"></div><script type="text/javascript" src="/a/images/common.js"></script> <script type="text/javascript" src="/a/images/js.js" ></script> <div class='pyqcenter' id="pyqcenter" style='display:none'> <p style='text-align:center;padding-top:10px;font-weight:bold;color:#fff;font-size:18px'>微信扫一扫分享朋友圈 <span style='color:red;cursor:pointer' onclick='document.getElementById("pyqcenter").style.display = "none";'>关闭</span></p> <p id='qrcodepyq' style='width:300px; height:300px; margin:15px;'></p></div><div id="mcover0" onClick="document.getElementById('mcover0').style.display='none';" style='display:none'><img src="/a/images/tishi.png"></div><div id="mcover1" onClick="document.getElementById('mcover1').style.display='none';" style='display:none'><img src='/a/images/guidewxf.png' id="mcover1_img"> </div><div id="mcover2" onClick="document.getElementById('mcover2').style.display='none';" style='display:none'><img src="/a/images/wxPng.png"></div><div id="mcover3" onClick="document.getElementById('mcover3').style.display='none';" style='display:none'> <img src='/a/images/guidewxf-2.png' id="mcover3_img"></div><span style='display:none'>点击：<script src='/a/Hids.ashx?ColumnID=6&ID=47727'></script></span><script type="text/javascript">qrcodepyq(utf16to8(httpweburl));getds(IsHandpick);</script><script type="text/javascript">$(function(){$("img.lazyload").lazyload();});</script></body></html>