我爱模板网 > 特效插件 > 图像特效 >  可拖动和隐身的小女孩jQuery代码正文

可拖动和隐身的小女孩jQuery代码

特效介绍
可拖动的小女孩jQuery代码

    可拖动和隐身的可爱小女孩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里面设置。


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:html5+js打造的中国象棋,html5象棋代码,js象棋代码 下一篇:3D图片切片滑块360°旋转动画jQuery特效代码
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢