可拖动和隐身的小女孩jQuery代码
- 作者：网页模板
- 大小：0.06MB
- 点击次数：
- 发布时间：2014-06-19 10:27
特效介绍
可拖动和隐身的可爱小女孩jQuery代码，可以任意拖动，跟谁页面滚动，可以简单的互动，会根据访问时间不同，提供不同的问候，还会开玩笑，能对页面访问者提供简单的帮助。使用方法
1、在head区域引入相关js代码和文件：<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script> <script src="xren.js"></script> <script type="text/javascript"> var isindex = true; var visitor = true; </script>2、在body区域引入下面的代码：
<div id="spig" class="spig">
<div id="message">正在加载中……</div>
<div id="mumu" class="mumu"></div>
</div>
<style>
/*小女孩*/
.spig {
display: block;
width: 150px;
height: 190px;
position: absolute;
top: -200px;
left: 160px;
z-index: 9999;
font-size: 12px;
}
#message{color :#191919;border: 1px solid #c4c4c4;background:#ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;min-height:1em;padding:5px;top:-30px;position:absolute;text-align:center;width:auto !important;z-index:10000;-moz-box-shadow:0 0 15px #eeeeee;-webkit-box-shadow:0 0 15px #eeeeee;border-color:#eeeeee;box-shadow:0 0 15px #eeeeee;outline:none;}
.mumu{
width: 150px;
height: 200px;
cursor: move;
background-image: url(spin.PNG);
background-repeat: no-repeat;
}
#Main{width:940px; height:auto; overflow:hidden; margin:0 auto; background:#fff; border:1px #ccc solid; margin-top:6px; padding:20px;}
.bock-tit h3{font-size:16px; line-height:30px;}
.arlist{border-bottom:1px #ccc solid; padding:10px; line-height:20px; text-indent:2em;}
.arlist span{ margin-left:15px;}
</style>
3、小女孩说话和其他参数可以再xren.js里面设置。- 本文标签：
- 小女孩jQuery代码
