淘宝封装的css和js压缩工具TBCompressor使用方法(附压缩工具版)_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
淘宝封装的css和js压缩工具TBCompressor使用方法(附压缩工具版)
上传于||文档简介
&&淘宝封装的css和js压缩工具TBCompressor使用方法(附压缩工具版)
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
定制HR最喜欢的简历
你可能喜欢淘宝网带左右按钮焦点图切换效果，点击左右按钮实现图片切换显示。
以下是程序代码&!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&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&meta name=&keywords& content=&站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网& /&
&meta name=&description& content=&www.zzjs.net,站长特效网，站长必备js特效及广告代码。全力打造一流网页特效站！& /&
&title&站长特效 淘宝网带左右按钮js+css焦点图切换特效 站长特效网&/title&
&style type=text/css&
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:}
input,button{margin:0;font-size:12vertical-align:}
body{font-size:12font-family:Arial, Helvetica, sans- }
table{border-collapse:border-spacing:0;}
#slide_zzjs_net{MARGIN: 20 WIDTH: 690 POSITION: HEIGHT: 472px}
#slide_zzjs_net .cor_zzjs_net {
CLEAR: BORDER-TOP: #333 1 DISPLAY: MARGIN: 0px 1 OVERFLOW: HEIGHT: 0px
#slide_zzjs_net .slide-content {
BACKGROUND: #333
#slide_zzjs_net .chable_zzjs_net A {
DISPLAY: Z-INDEX: 99; WIDTH: 37 COLOR: #b4b4b4; POSITION: TOP: 205 HEIGHT: 65 TEXT-DECORATION: none
#slide_zzjs_net .chable_zzjs_net SPAN {
DISPLAY: BACKGROUND: #4b4b4b; FONT: 700 53px/57 WIDTH: 37 CURSOR: HEIGHT: 63 TEXT-ALIGN: center
#slide_zzjs_net .chable_zzjs_net .cor_zzjs_net {
BORDER-LEFT-COLOR: #4b4b4b; BORDER-BOTTOM-COLOR: #4b4b4b; BORDER-TOP-COLOR: #4b4b4b; BORDER-RIGHT-COLOR: #4b4b4b
#slide_zzjs_net .chable_zzjs_net .prev {
LEFT: -10px
#slide_zzjs_net .chable_zzjs_net .next {
RIGHT: -10px
#slide_zzjs_net .chable_zzjs_net A:hover {
COLOR: #f43d1e
#slide_zzjs_net .chable_zzjs_net A:hover SPAN {
COLOR: #f43d1e
#slide_zzjs_net .slide-content {
PADDING-RIGHT: 10 PADDING-LEFT: 10 PADDING-BOTTOM: 10 PADDING-TOP: 10px
#slide_zzjs_net .wrap {
OVERFLOW: WIDTH: 670 HEIGHT: 450px
#slide_zzjs_net UL {
WIDTH: 10000px
#slide_zzjs_net LI {
FLOAT: WIDTH: 340 HEIGHT: 450px
#slide_zzjs_net LI IMG {
WIDTH: 330 HEIGHT: 450px
&SCRIPT type=&text/javascript& src=&/img/tb_zzjs_net.js&&&/SCRIPT&
&a href=&http://www.zzjs.net/&&站长特效网&/a&，以质量为核心，以实用为目的，打造一流网页特效站！zzjs.net，站长js特效。&hr&
&!--欢迎来到站长特效网，我们网站收集大量高质量js特效，提供许多广告代码下载，网址：www.zzjs.net，,用.net打造靓站--&
需要加载js文件，请刷新页面后看效果！
&DIV class=main-wrap&
&DIV id=slide_zzjs_net&
&B class=cor_zzjs_net&&/B&
&DIV class=slide-content id=J_slide&
&DIV class=wrap&
&UL class=ks-switchable-content&
&LI&&A href=&http://www.zzjs.net/& target=_blank&&IMG alt=&站长特效网& src=&/img/tb1_zzjs_net.jpg&&&/A&&/LI&
&LI&&A href=&http://www.zzjs.net/& target=_blank&&IMG alt=&站长特效网& src=&/img/tb2_zzjs_net.jpg&&&/A&&/LI&
&LI&&A href=&http://www.zzjs.net/& target=_blank&&IMG alt=&站长特效网& src=&/img/tb3_zzjs_net.jpg&&&/A&&/LI&
&LI&&A href=&http://www.zzjs.net/& target=_blank&&IMG alt=&站长特效网& src=&/img/tb4_zzjs_net.jpg&&&/A&&/LI&
&LI&&A href=&http://www.zzjs.net/& target=_blank&&IMG alt=&站长特效网& src=&/img/tb5_zzjs_net.jpg&&&/A&&/LI&
&LI&&A href=&http://www.zzjs.net/& target=_blank&&IMG alt=&站长特效网& src=&/img/tb6_zzjs_net.jpg&&&/A&&/LI&
&DIV class=chable_zzjs_net&
&A class=prev id=J_prev href=&javascript:void(0);&&
&B class=cor_zzjs_net&&/B&&SPAN&‹&/SPAN&&B class=cor_zzjs_net&&/B&&/A&
&A class=next id=J_next href=&javascript:void(0);&&
&B class=cor_zzjs_net&&/B&&SPAN&›&/SPAN&&B class=cor_zzjs_net&&/B&&/A&
&B class=cor_zzjs_net&&/B& &/DIV&
&SCRIPT type=text/javascript&
var D=YAHOO.util.Dom, E=YAHOO.util.E
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
KISSY().use(&*&, function(S) {
var el = D.get('J_slide'),
activeIndex = parseInt(el.getAttribute('data-active-index')) || 0;
var carousel = new S.Carousel(el, {
hasTriggers: false,
navCls: 'ks-switchable-nav',
contentCls: 'ks-switchable-content',
activeTriggerCls: 'current',
effect: &scrollx&,
viewSize: [680],
activeIndex: activeIndex
E.on('J_prev', 'click', carousel.prev, carousel, true);
E.on('J_next', 'click', carousel.next, carousel, true);
//欢迎来到站z长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
KISSY().use(&*&, function(S) {
var el = D.get('J_shoppingGuide');
var activeIndex = parseInt(el.getAttribute('data-active-index')) || 0;
var carousel = new S.Carousel(el, {
navCls: 'ks-switchable-nav',
contentCls: 'ks-switchable-content',
activeTriggerCls: 'current',
effect: &scrollx&,
viewSize: [720],
activeIndex: activeIndex
//欢迎来到站长特z效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
E.on('J_shoppingGuidePrev', 'click', carousel.prev, carousel, true);
E.on('J_shoppingGuideNext', 'click', carousel.next, carousel, true);
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
( 12:35:41)
( 10:04:30)
( 15:28:03)
( 13:30:08)
( 17:48:35)
( 11:57:23)
( 10:59:19)
( 16:46:21)
相关排行总榜&&仿淘宝 css，js 等静态资源合并压缩输出的 jsp 脚本 combo.jsp仿淘宝 css，js 等静态资源合并压缩输出的 jsp 脚本 自己在项目中有用到，用于脚本合并输出 , 使用示例：
&link rel=&stylesheet& type=&text/css& href=&/__??/css2/reset.css,/css2/base.css,/css/globe-v2.css$.css& media=&all& /& 由编辑于 9:50:061个牛币请下载代码后再发表评论//combo.jsp精精精精原精精原原原最热搜索分享话题编程语言基础Web开发数据库开发客户端开发脚本工具游戏开发服务器软硬件开源组件类库相关分享原原原原原精原最近下载暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级最近浏览暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级扫描二维码关注最代码为好友"/>扫描二维码关注最代码为好友}