jquery博客网站浮动小人提示步骤引导信息



219 873 292



特效描述:浮动小人 提示步骤 引导信息,一款漂亮的博客宠物特效,在网上发现的,然后自己整理了下,分享给大家。

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/spigPet.css" type="text/css"/>
<link rel="stylesheet" href="css/spigPet.css" type="text/css"/>

2. 引入JS

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="js/spig.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="js/spig.js"></script>

3. HTML代码

<!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=utf-8" />
<title> spigPet-heartmoving整理 </title>
<script type="text/javascript">
var isindex = true;
var visitor = true;
</script>
</head>
<body style="height:1000px;">
<div style="padding-left:250px;line-height:35px;">
	<a class="comments" href="#comment">到评论去</a>
	<a id="switch-to-wap" href="###">手机版</a>
	<br />
	<div id="s"><input/><input value="搜索" type="button"/></div>
	<div><a id="refresh" href="javascript:window.location.reload();">刷新页面</a></div>
	<div><a id="go-home" href="###">去首页</a> <a id="addfav" href="###">加书签</a></div>
	<span id="nav-two"><a href="###">后台管理</a></span>
	<span class="post-category"><a href="###">更多文章</a></span>
	<span class="post-heat"><a href="###">去评论列表</a></span>
	<div id="tho-shareto">
		<span><a href="###" title="heartmoving.com,目前该网站还在建设中,嘿嘿..">分享</a></span>
	</div>
	<h2><a title="测试连接" rel="bookmark" href="http://www.baidu.com">测试连接</a></h2>
	名&emsp;&emsp;&emsp;&emsp;称:<input id="author"/><br/>
	邮&emsp;&emsp;&emsp;&emsp;箱:<input id="email"/><br/>
	你的网站地址:<input id="url"/><br/>
	你的&emsp;&emsp;评论:<textarea id="comment"></textarea><br/>
	<div><input id="submit" value="提交" type="button"/></div>
	<div><a id="go-prev" href="###">前进</a>&emsp;|&emsp;<a id="go-next" href="###">后退</a></div>
	<div><a id="prev-page" href="###">上一页</a>&emsp;|&emsp;<a id="next-page" href="###">上一页</a></div>
	<div id="index-links">
		<ul>
			<li><a href="###" title="火星">火星</a></li>
		</ul>
	</div>
</div>
<!--小人只在首页显示 start*-->
<div id="spig" class="spig">
    <div id="message">正在加载中……</div>
    <div id="mumu" class="mumu"></div>
</div>
<!--小人end*-->
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 浮动 悬浮 悬浮层 悬浮框 浮动层 浮动框 浮动插件 悬浮插件 滑动星星打分 浮动提示框 其他 浮动菜单 浮动导航 步骤

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到