DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> 使用jquery插件看冰桶挑戰
使用jquery插件看冰桶挑戰
編輯:JQuery常見問題     

查看效果:http:///keleyi/phtml/jquery/20.htm

html文件代碼:
<!DOCTYPE html>
<html>
<head>
<title>使用jquery插件看冰桶挑戰-</title>
<style>a{color:Blue;text-decoration:none;}
body
{
font-family:'Verdana','宋體';
font-size:14px;
}
.out{width:825px;margin:0px auto;text-align:center;}

</style>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<link href="http:///themes/keleyi/jquery.keleyi.css" type="text/css" rel="Stylesheet" />
<script type="text/javascript" src="http:///themes/keleyi/jquery.keleyi.js"></script>

</head>
<body>

<div class="out">
<h1>冰桶挑戰</h1>
<div>
<ul id="keleyi-menu">
<li><a href="http:///keleyi/phtml/jquery/20/1.htm">劉德華</a></li>
</ul>
</div>

&copy;
<br /><audio src="http://down./keleyimodifycom/backmpmu/bingyu-.mp3" controls="controls"></audio>
</div>

<script type="text/javascript">
$("#keleyi-menu").keleyi({ "item_width": "165px", "bar_position": "relative"
, "margin": "0px auto", "item_margin": "5px 0px", "width": "825px"
});
</script>

</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved