哪位高手能把这段代码转为论坛幻灯片！

alihehe · 发表于 2011-10-29 14:39:04

<!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" dir="ltr" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>win7en乐园 | 网络动态-主题美化-升级指导-win7使用教程</title>
<meta name="description" content="Windows7新手乐园-windows 7、windows 8使用教程，Win7en乐园提供最全面最新的系统下载、主题美化、系统优化、使用技巧等。谷歌资讯速递、google+最新动态、谷歌最新软件推荐。" />
<meta name="keywords" content="win7en乐园,win7美化,win7桌面美化软件,win7 主题,IE9技巧,win8资讯,win7en,rainmeter皮肤,win7优化,win7桌面美化,酷鱼桌面,谷歌资讯,win7 博客" />
<link rel="stylesheet" href="http://www.win7en.com/wp-content/themes/HotNewspro/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://www.win7en.com/wp-content/themes/HotNewspro/css/home.css" />
<link rel="stylesheet" href="http://www.win7en.com/wp-content/themes/HotNewspro/css/css.css" />
<link rel="alternate" type="application/rss+xml" title="win7en乐园 RSS Feed" href="http://www.win7en.com/feed" />
<link rel="alternate" type="application/atom+xml" title="win7en乐园 Atom Feed" href="http://www.win7en.com/feed/atom" />
<link rel="pingback" href="http://www.win7en.com/xmlrpc.php" />
<link rel="shortcut icon" href="http://www.win7en.com/wp-content/themes/HotNewspro/images/favicon.ico" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.win7en.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.win7en.com/wp-includes/wlwmanifest.xml" />
<link rel='index' title='win7en乐园' href='http://www.win7en.com' />
<meta name="generator" content="WordPress 3.2.1" />
<link href="http://www.win7en.com/wp-content/themes/HotNewspro/styles/2-black.css" rel="stylesheet" type="text/css" />

<style type="text/css">
.banner img{
margin: 0 0 5px 0;
}
</style>

<script type="text/javascript" src="http://www.win7en.com/wp-content/themes/HotNewspro/js/jquery.min.js" ></script>
<script type="text/javascript" src="http://www.win7en.com/wp-content/themes/HotNewspro/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="http://www.win7en.com/wp-content/themes/HotNewspro/js/custom.js"></script>
<script type="text/javascript" src="http://www.win7en.com/wp-content/themes/HotNewspro/js/superfish.js"></script>
<script type="text/javascript" src="http://www.win7en.com/wp-content/themes/HotNewspro/js/muscript.js"></script>
<script type="text/javascript">
$(function () {
$('.thumbnail img,.thumbnail_t img,.box_comment img,#slideshow img,.cat_ico,.r_comments img').hover(
function() {$(this).fadeTo("fast", 0.5);},
function() {$(this).fadeTo("fast", 1);
});
});
</script>


<script type="text/javascript">
//页面淡入淡出
if(!+[1,]);else
$(document).ready(function() {
$('#wrapper').hide().fadeIn(1000);
});
</script>
<script type="text/javascript" src="http://www.win7en.com/wp-content/themes/HotNewspro/js/lazyload.js"></script>
<script type="text/javascript">
$(function() {
$(".entry_box img,.entry_box_h img,#entry img,.entry_b img").lazyload({
         effect:"fadeIn",
failurelimit : 30
      });
});
</script>
<script type="text/javascript"><![CDATA[//><!]]></script>
<script type="text/javascript">
$(function(){
var page = 1;
var i = 4;
$("span.next").click(function(){
      var $parent = $(this).parents("div.v_show");
   var $v_show = $parent.find("div.v_content_list");
   var $v_content = $parent.find("div.v_content");
   var v_width = $v_content.width() ;
   var len = $v_show.find("li").length;
   var page_count = Math.ceil(len / i) ;
   if( !$v_show.is(":animated") ){
   if( page == page_count ){
$v_show.animate({ left : '0px'}, "slow");
page = 1;
}else{
$v_show.animate({ left : '-='+v_width }, "slow");
page++;
   }
   }
   $parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
});
$("span.prev").click(function(){
      var $parent = $(this).parents("div.v_show");
   var $v_show = $parent.find("div.v_content_list");
   var $v_content = $parent.find("div.v_content");
   var v_width = $v_content.width();
   var len = $v_show.find("li").length;
   var page_count = Math.ceil(len / i) ;
   if( !$v_show.is(":animated") ){
        if( page == 1 ){
$v_show.animate({ left : '-='+v_width*(page_count-1) }, "slow");
page = page_count;
}else{
$v_show.animate({ left : '+='+v_width }, "slow");
page--;
}
}
$parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
});
});
</script>
</head>
<body>
<div id="wrapper">


<div id="map_h"></div>
<div class="clear"></div>

<div id="scroll"></div>
<div id="post">
<div id="slideshow">
<div class="slideshow">
<div id="featured_tag"></div>
<div id="slider_nav"></div>
<div id="slider" class="clearfix">
<div class="featured_post" >
<div class="slider_image">
<a href="http://www.win7en.com/strive/3602.html" rel="bookmark" title="酷鱼桌面秀1.2正式版发布下载"> <a href="http://www.win7en.com/strive/3602.html" rel="bookmark" title="酷鱼桌面秀1.2正式版发布下载"><img class="home-thumb" src="http://photo.staticsdo.com/a1/354/249/368/82844-1683251803-8.jpg" width="400px" height="248px" alt="酷鱼桌面秀1.2正式版发布下载"/></a>
   </div>
<div class="slider_post">
<div class="ico"> <div class="cat_ico">
      <a href="http://www.win7en.com/category/ku-yu" title="酷鱼桌面">
      <img src="http://www.win7en.com/wp-content/themes/HotNewspro/images/caticon/ku-yu.gif" />
      </a>
</div>
</div>
<h3><a href="http://www.win7en.com/strive/3602.html" rel="bookmark" title="详细阅读酷鱼桌面秀1.2正式版发布下载">酷鱼桌面秀1.2正式版发布下载</a></h3>
<div class="archive_info">
<span class="date">2011年10月09日</span>
<span class="category"> ⁄ <a href="http://www.win7en.com/category/theme/ku-yu" title="查看酷鱼桌面中的全部文章" rel="category tag">酷鱼桌面</a></span>
<span class="edit"></span>
</div>
<p>酷鱼桌面是一个完全免费的桌面小工具(Widget)平台，它拥有轻便、快速、流畅的用户体验和华丽的动画特效。附带的可视化编辑器功能强大且简单易用，能轻松DIY出独具个性特色的超酷桌面小工具。现在的酷鱼在经历上一个正式版的洗礼之后,也渐渐深得广大美化爱好者的喜爱,如果你还没有用过的话,赶紧试试这个全新的酷鱼桌面秀1.2正式版吧！
酷鱼桌...</p>
<div class="clear"></div>
</div>
</div>
<div class="featured_post" >
<div class="slider_image">
<a href="http://www.win7en.com/strive/3352.html" rel="bookmark" title="原汁原味Windows 8 Metro UI风格酷鱼桌面套装"> <a href="http://www.win7en.com/strive/3352.html" rel="bookmark" title="原汁原味Windows 8 Metro UI风格酷鱼桌面套装"><img class="home-thumb" src="http://photo.staticsdo.com/a1/398/376/21/61710-1627043968-8.jpg" width="400px" height="248px" alt="原汁原味Windows 8 Metro UI风格酷鱼桌面套装"/></a>
</div>
<div class="slider_post">
<div class="ico"> <div class="cat_ico">
      <a href="http://www.win7en.com/category/ku-yu" title="酷鱼桌面">
      <img src="http://www.win7en.com/wp-content/themes/HotNewspro/images/caticon/ku-yu.gif" />
      </a>
</div>
</div>
<h3><a href="http://www.win7en.com/strive/3352.html" rel="bookmark" title="详细阅读原汁原味Windows 8 Metro UI风格酷鱼桌面套装">原汁原味Windows 8 Metro UI</a></h3>
<div class="archive_info">
<span class="date">2011年08月26日</span>
<span class="category"> ⁄ <a href="http://www.win7en.com/category/theme/ku-yu" title="查看酷鱼桌面中的全部文章" rel="category tag">酷鱼桌面</a></span>
<span class="edit"></span>
</div>
<p>好久没更新了！这个酷鱼桌面的套装也早就打算和大家分享了，只是时间给耽误了！现在补发上来，感谢酷鱼桌面，感谢富有创意的那位应届高三的童鞋，哈哈！
原汁原味Windows 8 Metro UI风格的小工具套装，完全参考Windows 8泄露运行截图，每个小工具的细线边框、背景渐变颜色、尺寸、文字大小和版式都经过原汁原味设计。
把WP7提取出的字体绑定...</p>
<div class="clear"></div>
</div>
</div>
<div class="featured_post" >
<div class="slider_image">
<a href="http://www.win7en.com/strive/3283.html" rel="bookmark" title="一键轻松仿Windows 8界面：8 Skin Pack 4.0 发布"> <a href="http://www.win7en.com/strive/3283.html" rel="bookmark" title="一键轻松仿Windows 8界面：8 Skin Pack 4.0 发布"><img class="home-thumb" src="http://photo.staticsdo.com/a1/270/314/222/58519-1627043968-8.png" width="400px" height="248px" alt="一键轻松仿Windows 8界面：8 Skin Pack 4.0 发布"/></a>
</div>
<div class="slider_post">
<div class="ico"> <div class="cat_ico">
      <a href="http://www.win7en.com/category/theme" title="主题美化">
      <img src="http://www.win7en.com/wp-content/themes/HotNewspro/images/caticon/theme.gif" />
      </a>
</div>
</div>
<h3><a href="http://www.win7en.com/strive/3283.html" rel="bookmark" title="详细阅读一键轻松仿Windows 8界面：8 Skin Pack 4.0 发布">一键轻松仿Windows 8界面：8 S</a></h3>
<div class="archive_info">
<span class="date">2011年08月10日</span>
<span class="category"> ⁄ <a href="http://www.win7en.com/category/theme" title="查看主题美化中的全部文章" rel="category tag">主题美化</a></span>
<span class="edit"></span>
</div>
<p>继 8 Skin Pack 3.0 发布将近一个月，作者又给我们带来了新版本 8 Skin Pack 4.0，不过大家也不要期待有什么大的变化，这个版本都是一些细节上的调整和之前可能存在的问题的修正。毕竟，在这一个月里Windows 8也没有新的关于新版界面的泄漏哈！所以，在使用的强烈建议升级这版本，对于没有使用的，大家可以试试（不过，提醒大家，由于涉及到...</p>
<div class="clear"></div>
</div>
</div>
<div class="featured_post" >
<div class="slider_image">
<a href="http://www.win7en.com/strive/1987.html" rel="bookmark" title="网络快讯：微软发布bing地图新版街景服务"> <a href="http://www.win7en.com/strive/1987.html" rel="bookmark" title="网络快讯：微软发布bing地图新版街景服务"><img class="home-thumb" src="http://www.win7en.com/wp-content/uploads/2011/06/QQ20110601185206.jpg" width="400px" height="248px" alt="网络快讯：微软发布bing地图新版街景服务"/></a>
</div>
<div class="slider_post">
<div class="ico"> <div class="cat_ico">
      <a href="http://www.win7en.com/category/news" title="网络快讯">
      <img src="http://www.win7en.com/wp-content/themes/HotNewspro/images/caticon/news.gif" />
      </a>
</div>
</div>
<h3><a href="http://www.win7en.com/strive/1987.html" rel="bookmark" title="详细阅读网络快讯：微软发布bing地图新版街景服务">网络快讯：微软发布bing地图新版</a></h3>
<div class="archive_info">
<span class="date">2011年06月01日</span>
<span class="category"> ⁄ <a href="http://www.win7en.com/category/news" title="查看网络快讯中的全部文章" rel="category tag">网络快讯</a></span>
<span class="edit"></span>
</div>
<p>微软今天更新了Bing Maps的街景服务，新版带来了全新的地图+街景视图，让用户可以随时通过定位地图来看到当地的街景，而不需要跳出街景模式来选择视觉点。
新的街景网站还带来了微软MetroUI的配色和醒目的向导按钮，让操作变得更为简约，目前在纽约和旧金山的街景中我们可以看到最新的效果。
如图：

演示一：New York 
演示二：San Fra...</p>
<div class="clear"></div>
</div>
</div>
<div class="featured_post" >
<div class="slider_image">
<a href="http://www.win7en.com/strive/304.html" rel="bookmark" title="【HTML5 IE9】整理收集 HTML5测试页面、IE9微软测试网站"> <a href="http://www.win7en.com/strive/304.html" rel="bookmark" title="【HTML5 IE9】整理收集 HTML5测试页面、IE9微软测试网站"><img class="home-thumb" src="http://ww3.sinaimg.cn/large/82ac9439tw1difxozkjetj.jpg" width="400px" height="248px" alt="【HTML5 IE9】整理收集 HTML5测试页面、IE9微软测试网站"/></a>
</div>
<div class="slider_post">
<div class="ico"> <div class="cat_ico">
      <a href="http://www.win7en.com/category/ie9" title="IE9技巧">
      <img src="http://www.win7en.com/wp-content/themes/HotNewspro/images/caticon/ie9.gif" />
      </a>
</div>
</div>
<h3><a href="http://www.win7en.com/strive/304.html" rel="bookmark" title="详细阅读【HTML5 IE9】整理收集 HTML5测试页面、IE9微软测试网站">【HTML5 IE9】整理收集 H</a></h3>
<div class="archive_info">
<span class="date">2011年03月16日</span>
<span class="category"> ⁄ <a href="http://www.win7en.com/category/win7ch/ie9" title="查看 IE9技巧中的全部文章" rel="category tag">IE9技巧</a></span>
<span class="edit"></span>
</div>
<p>闲着无聊，何不玩玩下面的这些用HTML5做的特效页面？这些都是win7en乐园整理收集来的各种HTML5，js测试，大多在你测试之后都会给你个分数，如果你的浏览器不支持下面的网页，可以考虑换个新版或者换一款新的浏览器了。
看到友友们对该文章的围观次数如此的惊人，win7en乐园也感到没有白写这篇文章，以前是有图片，但由于中间一次丢失，导致...</p>
<div class="clear"></div>
</div>
</div>

</div>
</div>
<i class="lt"></i>
<i class="rt"></i>
<i class="lb"></i>
<i class="rb"></i>
</div> 
<div class="clear12"></div>











<div id="cmsl">
   
</div>


<div id="cmsr">
   
   
   
</div>

</div>

<div id="sidebar">
<div id="tabs">
<div class="box_top">
<i class="rt"></i>
</div>
<ul class="htotabs">
<li class="widget1"><a href="#tab-widget1">本月排行</a></li>
<li class="widget2"><a href="#tab-widget2">年度排行</a></li>
<li class="widget3"><a href="#tab-widget3">分类目录</a></li>
<div class="clear"></div>
</ul>
<div class="tab-inside">
<ul id="tab-widget1">
<div class="tab_latest">
<ul>

<li><a href= "http://www.win7en.com/strive/3566.html" rel="bookmark" title="Windows 7上好用的视频解码包：Win7codecs 3.0.9 Final (15条评论)" >Windows 7上好用的视频解码包：Wi</a></li>
<li><a href= "http://www.win7en.com/strive/3829.html" rel="bookmark" title="Win7变Win8预览版装扮：8 Skin Pack 7.0 (10条评论)" >Win7变Win8预览版装扮：8 Skin P</a></li>
<li><a href= "http://www.win7en.com/strive/3832.html" rel="bookmark" title="迅雷快传上传下载优势简单分析 (9条评论)" >迅雷快传上传下载优势简单分析</a></li>
<li><a href= "http://www.win7en.com/strive/3849.html" rel="bookmark" title="iMe桌面美化工具 1.3安装版 (9条评论)" >iMe桌面美化工具 1.3安装版</a></li>
<li><a href= "http://www.win7en.com/strive/3682.html" rel="bookmark" title="腾讯：使用Q+可加速QQ升级最高1.5倍加速 (8条评论)" >腾讯：使用Q+可加速QQ升级最高1</a></li>
<li><a href= "http://www.win7en.com/strive/3736.html" rel="bookmark" title="24 个必学的 Google+使用小技巧 (8条评论)" >24 个必学的 Google+使用小技巧</a></li>
<li><a href= "http://www.win7en.com/strive/3602.html" rel="bookmark" title="酷鱼桌面秀1.2正式版发布下载 (7条评论)" >酷鱼桌面秀1.2正式版发布下载</a></li>
<li><a href= "http://www.win7en.com/strive/3701.html" rel="bookmark" title="支持QQ2011正式版较完美透明皮肤补丁 (7条评论)" >支持QQ2011正式版较完美透明皮肤</a></li> </ul>
<div class="clear"></div>
</div>
</ul>
<ul id="tab-widget2">
<div class="tab_latest">
<ul>

<li><a href= "http://www.win7en.com/strive/407.html" rel="bookmark" title="【QQ专区】QQ2011全透明皮肤界面文字不透明 (38条评论)" >【QQ专区】QQ2011全透明皮肤界</a></li>
<li><a href= "http://www.win7en.com/strive/3102.html" rel="bookmark" title="最完美的仿Win8界面工具：8 Skin Pack 3.0 (26条评论)" >最完美的仿Win8界面工具：8 Skin </a></li>
<li><a href= "http://www.win7en.com/strive/328.html" rel="bookmark" title="【3月17日】绚彩主题第二季+Mac系统声音强烈推荐！ (22条评论)" >【3月17日】绚彩主题第二季+Mac系统</a></li>
<li><a href= "http://www.win7en.com/strive/762.html" rel="bookmark" title="win7梦幻桌面:一键安装即可使用附：视频文件演示视频 (22条评论)" >win7梦幻桌面:一键安装即可使用附：</a></li>
<li><a href= "http://www.win7en.com/strive/1231.html" rel="bookmark" title="酷鱼桌面-支持可视化皮肤编辑的中文美化软件 (21条评论)" >酷鱼桌面-支持可视化皮肤编辑的中文</a></li>
<li><a href= "http://www.win7en.com/strive/1814.html" rel="bookmark" title="聊天走向实名制么：QQ2011 Beta3 体验报名开始 (21条评论)" >聊天走向实名制么：QQ2011 Beta3</a></li>
<li><a href= "http://www.win7en.com/strive/2223.html" rel="bookmark" title="酷软推荐：迅雷管家轻松管理迅雷组件 (21条评论)" >酷软推荐：迅雷管家轻松管理迅雷组</a></li>
<li><a href= "http://www.win7en.com/strive/266.html" rel="bookmark" title="【2010.3.15】IE9 简体中文正式版下载问题汇总解答 (19条评论)" >【2010.3.15】IE9 简体中文正式版</a></li> </ul>
</div>
    </ul>
<ul id="tab-widget3">
<div class="categories_c">
<ul> <li class="cat-item cat-item-27"><a href="http://www.win7en.com/category/win7ch/ie9" title="IE9正式版。强劲的html5网页浏览器">IE9技巧</a>
</li>
<li class="cat-item cat-item-127"><a href="http://www.win7en.com/category/win7-video/office-video" title="office 2010技巧官方详解视频">office办公</a>
</li>
<li class="cat-item cat-item-6"><a href="http://www.win7en.com/category/tencent" title="QQ美化资讯补丁相关">QQ资讯</a>
</li>
<li class="cat-item cat-item-103"><a href="http://www.win7en.com/category/theme/rainmeter" title="订制性最强的美化软件">Rainmeter</a>
</li>
<li class="cat-item cat-item-17"><a href="http://www.win7en.com/category/win7ch" title="win7相关技巧介绍">win7专栏</a>
</li>
<li class="cat-item cat-item-128"><a href="http://www.win7en.com/category/win7-video/win7-start" title="win7新手往这里看">win7入门</a>
</li>
<li class="cat-item cat-item-392"><a href="http://www.win7en.com/category/original/win8skill" title="win8相关技巧">win8技巧</a>
</li>
<li class="cat-item cat-item-270"><a href="http://www.win7en.com/category/news/win8" title="win8最新的资讯">win8资讯</a>
</li>
<li class="cat-item cat-item-5"><a href="http://www.win7en.com/category/theme" title="美化主题,美化软件，应有尽有">主题美化</a>
</li>
<li class="cat-item cat-item-3"><a href="http://www.win7en.com/category/miji" title="最全面的秘笈技巧分享">使用秘笈</a>
</li>
<li class="cat-item cat-item-76"><a href="http://www.win7en.com/category/original" title="友友分享的精华资源">原创专栏</a>
</li>
<li class="cat-item cat-item-181"><a href="http://www.win7en.com/category/news/update" title="系统安全方面的资讯，杀毒厂商提供的优惠等等">安全中心</a>
</li>
<li class="cat-item cat-item-155"><a href="http://www.win7en.com/category/theme/theme-ms" title="官方精选主题，全部来源于微软官方">官方主题</a>
</li>
<li class="cat-item cat-item-125"><a href="http://www.win7en.com/category/win7-video" title="win7官方的各种视频">官方视频</a>
</li>
<li class="cat-item cat-item-11"><a href="http://www.win7en.com/category/newer" title="查看新手解答下的所有文章">新手解答</a>
</li>
<li class="cat-item cat-item-4"><a href="http://www.win7en.com/category/new_soft" title="更新最新软件，做软件更新控">最新软件</a>
</li>
<li class="cat-item cat-item-7"><a href="http://www.win7en.com/category/desktop" title="查看极品壁纸下的所有文章">极品壁纸</a>
</li>
<li class="cat-item cat-item-1"><a href="http://www.win7en.com/category/news" title="最新的互联网动态,等你掌握">网络快讯</a>
</li>
<li class="cat-item cat-item-855"><a href="http://www.win7en.com/category/news/google-news" title="谷歌（google）最新软件，最新产品技术分享">谷歌动态</a>
</li>
<li class="cat-item cat-item-162"><a href="http://www.win7en.com/category/theme/gadgets" title="win7桌面小工具集锦">边栏工具</a>
</li>
<li class="cat-item cat-item-46"><a href="http://www.win7en.com/category/mini-tools" title="虽然小，但是你就是缺少不了。。">迷你工具</a>
</li>
<li class="cat-item cat-item-105"><a href="http://www.win7en.com/category/theme/cooldock" title="软媒旗下的美化工具">酷点桌面</a>
</li>
<li class="cat-item cat-item-214"><a href="http://www.win7en.com/category/theme/ku-yu" title="与Rainmeter同属极品美化软件">酷鱼桌面</a>
</li>
</ul>
<div class="clear"></div>
</div>
</ul>
</div>
</div>
<div class="box-bottom">
<i class="lb"></i>
<i class="rb"></i>
</div>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery( '.htotabs').each(function(){
jQuery(this).children( 'li').children( 'a:first').addClass( 'selected' ); // Add .selected class to first tab on load
});
jQuery( '.tab-inside > *').hide();
jQuery( '.tab-inside > *:first-child').show();
jQuery( '.htotabs li a').click(function(evt){ // Init Click funtion on Tabs
var clicked_tab_ref = jQuery(this).attr( 'href' ); // Strore Href value
jQuery(this).parent().parent().children( 'li').children( 'a').removeClass( 'selected' ); //Remove selected from all tabs
jQuery(this).addClass( 'selected' );
jQuery(this).parent().parent().parent().children( '.tab-inside').children( '*').hide();
jQuery( '.tab-inside ' + clicked_tab_ref).fadeIn(500);
   evt.preventDefault();
})
})
</script>
<div class="widget">
</div>

<div class="clear"></div>
</div><div class="clear"></div>



<div class="clear"></div>
</div>
</body></html>

4am · 发表于 2012-1-17 09:52:41

帮你顶了～

毛赛伟 · 发表于 2012-6-14 09:24:28

好多代码。。。

		自动登录	找回密码
密码			立即注册

[求助] 哪位高手能把这段代码转为论坛幻灯片！