基于jquery实现大前端焦点图切换



73 290 97



特效描述:基于jquery实现 大前端 焦点图切换,基于jquery实现大前端焦点图切换

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/style.css" media="all">
<link rel="stylesheet" href="css/theme.css" media="all">

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/theme.js"></script>

3. HTML代码

<section class="central container"><h1 class="theme-tit"></h1>
<div class="theme-picbox">
<dl class="theme-picbox-roller">
<dd>
<ul></ul>
</dd></dl>
<div class="theme-picbox-desc">
<ul></ul>
</div>
<span class="theme-picbox-next">&gt;</span>
<span class="theme-picbox-prev">&lt;</span>
</div>
<script>
var themeSlug = 'd7';
var picboxSrc = 'img/theme_d7_';
var picboxInfo = {
1 : 'D7 国内非常专业的中文主题 将持续为购买者提供售后和D7更新服务',
2 : '首页主要内容高清晰图',
3 : '分类目录页、标签页高清一角',
4 : '文章详情页面',
5 : '文章详情页正文末尾以及相关文章显示',
6 : '评论列表,有倒序楼层',
7 : '评论区域,强大的编辑器和友好的评论表情',
8 : '侧边栏-近期文章和最新评论(有头像)',
9 : '关注微博和订阅以及腾讯邮件订阅',
10 : '标签云页面,标签+文章数目+最近的一篇文章',
11 : '文章存档页面',
12 : '强大的读者墙',
13 : '友情链接页面,特别有爱',
14 : '后台小工具集成,让设置更为简单',
15 : '主题设置区域,这是主题的控制区域,可以设置很多东西',
16 : '独一无二的广告系统,带实时预览'
}
</script>
<div style="text-align:center;clear:both">
</div>



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


热门标签: 滚动切换 滑动选项卡切换 flash焦点图 选项卡切换 滑动手风琴 切换按钮 表单 焦点图 幻灯片 图片轮播 带标题的焦点图 图片切换 图片轮播 按钮控制

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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