jquery博客網站浮動小人提示步驟引導信息



227 904 302



特效描述:浮動小人 提示步驟 引導信息,一款漂亮的博客寵物特效,在網上發現的,然后自己整理了下,分享給大家。

代碼結構

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

加群請備注:從官網了解到

老夫子电子