左下角手机窗口二维码引导广告 - 磁云互联

<div id="mobileFrame" class="" style="position: absolute; z-index: 999; width: 245px; height: 416px; left: 0px; bottom: 20px; padding: 32px 8px; padding-left:9px; padding-right:6px; background-image: url("../../images/small_phone.png");">
<div id="hidemobile">×</div>
<div class="qrcode">
<div id="output">
</div>
<p>扫一扫看手机端演示</p>
</div>
</div>
<div id="showmobile" style="position: absolute; left: 0px; bottom: 400px; z-index: 999; width: 47px; height: 60px; cursor: pointer; display: none; background-image: url("../../images/phoneTip_right.png");">
</div>
<script>
jQuery(function(){
jQuery('#output').qrcode("http://www.xoooi.com/");
})
</script>
<script>
window.onload=function () {
var hidemobilebtn=document.getElementById("hidemobile");
var showmobilebtn=document.getElementById("showmobile");
var mobileframe=document.getElementById("mobileFrame");
if(!hidemobilebtn) return false;
if(!showmobilebtn) return false;
if(!mobileframe) return false;
hidemobilebtn.onclick=function(){
mobileframe.style.display="none";
showmobilebtn.style.display="block";
}
showmobilebtn.onclick=function(){
this.style.display="none";
mobileframe.style.display="";
}
}
document.getElementById("mobileFrame").getElementsByTagName("iframe")[0].onload=function(){this.style.width="301px";}
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#hidemobile").click(function(){
$("#mobileFrame").slideToggle();
});
});
</script>

复制代码