滑动导航插件SideDeck
一.滑动导航插件SideDeck
SlideDeck插件的脚本文件是slidedeck.jquery.lite.pack.js。可以从下面的网址下载SlideDeck插件
疫情数据库设计原则二.引用SlideDeck插件的代码如下:
<script src="/jquery.js"></script>
<scripttype="text/javascript" src="slidedeck.jquery.lite.pack.js"></script>
SlideDeck插件还提供一个CSS样式文件slidedeck.skin.css,引用slidedeck.skin.css的代码如下:
<link rel="stylesheet" href="slidedeck.skin.css">
通常需要定义一个div元素作为滑动导航容器。然后将其绑定到SlideDeck插件,方法如下:
div元素对应的jQuery对象.slidedeck();
在div元素容器中可以在重中可以使用dl列表元素定义导航栏目
<div id="slidedeck_frame" class="skin-slidedeck">
<dl class="slidedeck">
<dt>Slide 1</dt>
<dd>Slide content</dd>
<dt>Slide 2</dt>
<dd>Slide content</dd>
中国消防平台注册 <dt>Slide 3</dt>
哈夫曼树带 <dd>Slide content</dd>
<dt>Slide 4</dt>
<dd>Slide content</dd>
<dt>Slide 5</dt>
<dd>Slide content</dd>
</dl>
</div>
在网页中定义div元素容器,代码如下:
jquery下载文件插件 <div id="slidedeck_frame" class="skin-slidedeck">
<dl class="slidedeck">
<dt>栏目 1</dt>
<dd>栏目内容</dd>
<dt>栏目 2</dt>
<dd>栏目内容</dd>
<dt>栏目 3</dt>
<dd>栏目内容</dd> node怎么安装
<dt>栏目 4</dt>
<dd>栏目内容</dd>
<dt>栏目 5</dt>
<dd>栏目内容</dd>
</dl>
</div>
<script type="text/javascript">
$('.slidedeck').slidedeck();
git clone 下载 </script>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论