模仿combox(select)控件

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

　　select|控件

不用整天为美化select控件烦恼了。

运行代码框

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> simulate combox control - http://www.never-online.net </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><style>body, input{font-family: verdana;font-size: 9pt;}h1{font-family: tahoma;font-size: 22pt;text-align: left;}pre{font-size: 9pt;font-family: verdana;border: 1px solid #006600;width: 400px;padding: 10px;background: #ffffff;color: #006600;}.CtlSelect{border: 1px solid #006600;font-family: verdana;height: 20px;color: #006600;background: #ffffff;/*background:url({E5066804-650D-4757-9BA4-A92DB8817A18}0.jpg);* <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/48024.shtml' title='常用JavaScript网页广告代码'>常用JavaScript网页广告代码</a> </strong> </p> <p class="post-next fr ellipsis"> <span class="next iconfont icon-toright">下一篇</span><strong><a href='/itzs/48026.shtml' title='COOL而实用的动态效果'>COOL而实用的动态效果</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/40648.shtml" title="新手学习：让IIS支持PHP的配置方法" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad\20100704\re_201007041954393280.jpg" alt="新手学习：让IIS支持PHP的配置方法"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/40648.shtml" title="新手学习：让IIS支持PHP的配置方法" target='_blank'>新手学习：让IIS支持PHP的配置方法</a></h2> <p class="intro hidden-sm">... <a href="/itzs/40648.shtml" title="新手学习：让IIS支持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/19932.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/19932.shtml" title="一个门户网站的商业策划书" target='_blank'>一个门户网站的商业策划书</a></h2> <p class="intro hidden-sm">... <a href="/itzs/19932.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/43734.shtml" title="ASP注册表项目修改" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="ASP注册表项目修改"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/43734.shtml" title="ASP注册表项目修改" target='_blank'>ASP注册表项目修改</a></h2> <p class="intro hidden-sm">... <a href="/itzs/43734.shtml" title="ASP注册表项目修改" 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/41799.shtml" title="解析Windows2000的IDT扩展机制" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="解析Windows2000的IDT扩展机制"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/41799.shtml" title="解析Windows2000的IDT扩展机制" target='_blank'>解析Windows2000的IDT扩展机制</a></h2> <p class="intro hidden-sm">... <a href="/itzs/41799.shtml" title="解析Windows2000的IDT扩展机制" 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/17200.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/17200.shtml" title="还有几家域名注册商可信？" target='_blank'>还有几家域名注册商可信？</a></h2> <p class="intro hidden-sm">... <a href="/itzs/17200.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/292389.shtml" title="盈利模式包括哪些模式(产品盈利模式)" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad/20220805/1642431583kuqft4.jpg" alt="盈利模式包括哪些模式(产品盈利模式)"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/292389.shtml" title="盈利模式包括哪些模式(产品盈利模式)" target='_blank'>盈利模式包括哪些模式(产品盈利模式)</a></h2> <p class="intro hidden-sm">... <a href="/itzs/292389.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/39042.shtml" title="DISCUZ架构:AJAX之ajax.js 函数之三" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="DISCUZ架构:AJAX之ajax.js 函数之三"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/39042.shtml" title="DISCUZ架构:AJAX之ajax.js 函数之三" target='_blank'>DISCUZ架构:AJAX之ajax.js 函数之三</a></h2> <p class="intro hidden-sm">... <a href="/itzs/39042.shtml" title="DISCUZ架构:AJAX之ajax.js 函数之三" 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/280116.shtml" title="得了相思病怎么办(男人得了相思病如何治疗)" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad/20220805/1638848694dla4u3.jpg" alt="得了相思病怎么办(男人得了相思病如何治疗)"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/280116.shtml" title="得了相思病怎么办(男人得了相思病如何治疗)" target='_blank'>得了相思病怎么办(男人得了相思病如何治疗)</a></h2> <p class="intro hidden-sm">... <a href="/itzs/280116.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/17645.shtml" title="google adsense专员AdSensePro答站长问" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="google adsense专员AdSensePro答站长问"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/17645.shtml" title="google adsense专员AdSensePro答站长问" target='_blank'>google adsense专员AdSensePro答站长问</a></h2> <p class="intro hidden-sm">... <a href="/itzs/17645.shtml" title="google adsense专员AdSensePro答站长问" 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/276457.shtml" title="秦汉为什么不娶林青霞(刘雪华和琼瑶)" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad/20220805/16353206781vxnoa.jpg" alt="秦汉为什么不娶林青霞(刘雪华和琼瑶)"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/276457.shtml" title="秦汉为什么不娶林青霞(刘雪华和琼瑶)" target='_blank'>秦汉为什么不娶林青霞(刘雪华和琼瑶)</a></h2> <p class="intro hidden-sm">... <a href="/itzs/276457.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="/itzs/280147.shtml" title="没有音频设备怎么办(电脑没有录音设备怎么安装)" target='_blank'><span class="img-wrap br"><img src="http://file.wbgxw.com/UpLoad/20220805/1638963560twbmfv.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">IT知识 </span></span></div> </div> </a></li><li class="list clearfix"><a href="/yyzt/308779.shtml" title="教大家QQ浏览器怎么下载不了视频了的方法" target='_blank'><span class="img-wrap br"><img src="http://file.wbgxw.com/UpLoad/20220805/20200615042127245.png" alt="教大家QQ浏览器怎么下载不了视频了的方法" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">教大家QQ浏览器怎么下载不了视频了的方法</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="/itzs/294061.shtml" title="小孩缺锌的症状有哪些(8一10岁缺锌的表现)" target='_blank'><span class="img-wrap br"><img src="http://file.wbgxw.com/UpLoad/20220805/1642754677hxp7an.jpg" alt="小孩缺锌的症状有哪些(8一10岁缺锌的表现)" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">小孩缺锌的症状有哪些(8一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/110821.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="/cylc/74167.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-15</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/141949.shtml" title="草莓怎么洗才干净" target='_blank'>草莓怎么洗才干净</a></li><li><a href="/jksh/186771.shtml" title="数码知识：腾讯会议怎么开启会议录制怎么录音录屏" target='_blank'>数码知识：腾讯会议怎么开启会议录制怎么录音录屏</a></li><li><a href="/yyzt/332130.shtml" title="风机盘管多少钱(风机盘管与空调的区别)" target='_blank'>风机盘管多少钱(风机盘管与空调的区别)</a></li><li><a href="/jycs/275282.shtml" title="千年后人类模样（1000年后的人类，竟然像外星人）" target='_blank'>千年后人类模样（1000年后的人类，竟然像外星人）</a></li><li><a href="/cylc/86603.shtml" title="聚焦：企业奖励员工的十大错误" target='_blank'>聚焦：企业奖励员工的十大错误</a></li><li><a href="/itzs/45798.shtml" title="asp代码关于空间上的文件的管理代码" target='_blank'>asp代码关于空间上的文件的管理代码</a></li><li><a href="/yyzt/329131.shtml" title="大便干燥（大便干燥，大多与这几个因素有关）" target='_blank'>大便干燥（大便干燥，大多与这几个因素有关）</a></li><li><a href="/yyzt/329600.shtml" title="怎样查手机追踪定位系统（定位对方手机位置怎么弄）" target='_blank'>怎样查手机追踪定位系统（定位对方手机位置怎么弄）</a></li><li><a href="/yyzt/313917.shtml" title="数码知识：华为桌面锁定怎么关闭怎样取消桌面锁定" target='_blank'>数码知识：华为桌面锁定怎么关闭怎样取消桌面锁定</a></li><li><a href="/jksh/188708.shtml" title="热文：智齿一定要拔吗长了智齿到底需不需要拔掉" target='_blank'>热文：智齿一定要拔吗长了智齿到底需不需要拔掉</a></li><li><a href="/jksh/57470.shtml" title="六种情况宝宝别洗澡" target='_blank'>六种情况宝宝别洗澡</a></li><li><a href="/yyzt/314045.shtml" title="数码知识：如何关闭手机推送信息关闭推送消息教程" target='_blank'>数码知识：如何关闭手机推送信息关闭推送消息教程</a></li><li><a href="/tstx/235085.shtml" title="科技发展带来的变化（人工智能对我们的生活影响）" target='_blank'>科技发展带来的变化（人工智能对我们的生活影响）</a></li><li><a href="/tstx/248328.shtml" title="眼睛发干怎么办（眼睛发干）" target='_blank'>眼睛发干怎么办（眼睛发干）</a></li><li><a href="/jksh/167263.shtml" title="为什么高考前成绩波动大(高考前怎么提高成绩)" target='_blank'>为什么高考前成绩波动大(高考前怎么提高成绩)</a></li><li><a href="/itzs/277072.shtml" title="本子是什么意思(本子的拼音怎么写)" target='_blank'>本子是什么意思(本子的拼音怎么写)</a></li><li><a href="/jycs/178144.shtml" title="用盐泡脚有什么效果(天天晚上盐水泡脚有没有什么问题)" target='_blank'>用盐泡脚有什么效果(天天晚上盐水泡脚有没有什么问题)</a></li><li><a href="/itzs/279201.shtml" title="阚清子怎么读音(阚清子身高)" target='_blank'>阚清子怎么读音(阚清子身高)</a></li><li><a href="/itzs/290595.shtml" title="一磅是多少公斤(一升等于多少斤)" target='_blank'>一磅是多少公斤(一升等于多少斤)</a></li><li><a href="/jycs/136952.shtml" title="1998年9月21日伊朗不再追杀拉什迪" target='_blank'>1998年9月21日伊朗不再追杀拉什迪</a></li><li><a href="/yyzt/332026.shtml" title="显卡温度多少合适(显卡温度60℃正常吗)" target='_blank'>显卡温度多少合适(显卡温度60℃正常吗)</a></li><li><a href="/jycs/132363.shtml" title="1941年5月25日毛泽东著文《揭破远东慕尼黑的阴谋》" target='_blank'>1941年5月25日毛泽东著文《揭破远东慕尼黑的阴谋》</a></li><li><a href="/jycs/11282.shtml" title="2007中国最受欢迎的十大童装品牌" target='_blank'>2007中国最受欢迎的十大童装品牌</a></li><li><a href="/itzs/27216.shtml" title="JSP里request变量列表" target='_blank'>JSP里request变量列表</a></li><li><a href="/tstx/224215.shtml" title="洁面仪有用吗（洁面仪到底有没有用）" target='_blank'>洁面仪有用吗（洁面仪到底有没有用）</a></li><li><a href="/itzs/47590.shtml" title="JScript 运算符优先级" target='_blank'>JScript 运算符优先级</a></li><li><a href="/cylc/82811.shtml" title="写真求职一个美丽错误" target='_blank'>写真求职一个美丽错误</a></li><li><a href="/yyzt/320323.shtml" title="手机上怎么安装定位器（手机上怎么安装定位）" target='_blank'>手机上怎么安装定位器（手机上怎么安装定位）</a></li><li><a href="/jksh/172263.shtml" title="日产nv200通病有哪些？为什么日产nv200不能买" target='_blank'>日产nv200通病有哪些？为什么日产nv200不能买</a></li><li><a href="/jycs/4461.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=48025'></script></span><script type="text/javascript">qrcodepyq(utf16to8(httpweburl));getds(IsHandpick);</script><script type="text/javascript">$(function(){$("img.lazyload").lazyload();});</script></body></html>