腾讯博客幻灯片效果js代码

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>腾讯博客幻灯片效果js代码</title>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<link href="css教程/163css.css" type=text/css rel=stylesheet>
<meta content="mshtml 6.00.6000.17080" name=generator>
</head>
<body>
<div id=focus>
 <div id=focuspic onmouseo教程ver=clearauto() onmouseout=setauto()>
  <div id=fpic>
   <div class=dis><a href="http://www.111cn.net"><img src="images/39528892.jpg"></a></div>
   <div class=undis><a href="http://www.111cn.net"><img src="images/39532120.jpg" ></a></div>
   <div class=undis><a href="http://www.111cn.net"><img  src="images/39526937.jpg" ></a></div>
   <div class=undis><a href="http://www.111cn.net"><img src="images/39452873.jpg"></a></div>
  </div>
  <div id=ftxt>
   <div class=bd id=ftxtlingks>
    <ul class=dis>
      <li>
      <h1><a href="http://www.111cn.net">唐雯:拉斯维加斯争美誉</a></h1>
      <li>距离环球小姐总决赛还有最后一天了,我们"唐雯拉拉队"也越来越紧张… <a href="http://www.111cn.net">[详细]</a> </li></ul>
    <ul class=undis>
      <li>
      <h1><a href="http://www.111cn.net">赵柯:做个模范环保达人</a></h1>
      <li>不知道什么时候开始,包包里开始带上了便携筷子,属于自己的水杯…… <a href="http://www.111cn.net">[详细]</a> </li></ul>
    <ul class=undis>
      <li>
      <h1><a href="http://www.111cn.net">清纯mm想跟谁去旅行</a></h1>
      <li>不用在乎目的地,不用在乎沿途的风景,只要我们能够在一起……<a href="http://www.111cn.net">[详细]</a>
      </li>
      </ul>
    <ul class=undis>
      <li>
      <h1><a href="http://www.111cn.net">飘在南京的佤族打工仔</a></h1>
      <li>他们靠得就是按劳取酬,每月都能按时取到工资,他们也心满意足了…… <a href="http://www.111cn.net">[详细]</a> </li>
    </ul>
   </div>
   <div class=ft>
    <div class=more>
     <a href="http://www.111cn.net"><img height=19 src="images/pic_more.gif" width=85></a>
    </div>
    <div id=fnums>
     <div class=on onclick=mea(0)>1</div>
     <div onclick=mea(1)>2</div>
     <div onclick=mea(2)>3</div>
     <div onclick=mea(3)>4</div>
    </div>
   </div>
  </div>
 </div>
</div>

<script>
var n=0;
var showstab = document.getelementbyid("fnums");
var m=showstab.getelementsbytagname("div").length;
function mea(value){
 n=value;
 setbg(value);
 plays(value);
 cons(value);
 }
function setbg(value){
 for(var i=0;i<m;i++)
   if(value==i){
  showstab.getelementsbytagname("div")[i].classname='on';
  }
 else{ 
  showstab.getelementsbytagname("div")[i].classname='';
  } 
 }
function plays(value){
 try
 {
  with (fpic){
   filters[0].apply();
   for(i=0;i<m;i++)i==value?children[i].classname="dis":children[i].classname="undis";
   filters[0].play();   
   }
 }
 catch(e)
 {
  var d = document.getelementbyid("fpic").getelementsbytagname("div");
  for(i=0;i<m;i++)i==value?d[i].classname="dis":d[i].classname="undis";
 }
}
function cons(value){
try
 {
  with (ftxtlingks){

  for(i=0;i<m;i++)i==value?children[i].classname="dis":children[i].classname="undis";
   
  }
 }
 catch(e)
 {
  var d = document.getelementbyid("ftxtlingks").getelementsbytagname("ul");
  for(i=0;i<m;i++)i==value?d[i].classname="dis":d[i].classname="undis";
 }
}

function clearauto(){clearinterval(autostart)}
function setauto(){autostart=setinterval("auto(n)", 3000)}
function auto(){
 n++;
 if(n>=m)n=0;
 mea(n);
}
function sub(){
 n--;
 if(n<0)n=m-1;
 mea(n);
}
setauto();

function tab(o,o2,n,o1c,o2c){
   var m_n = document.getelementbyid(o).getelementsbytagname(o1c);
   var c_n = document.getelementbyid(o2).getelementsbytagname(o2c);
   for(i=0;i<m_n.length;i++){
     m_n[i].classname=i==n?"on":"";
      c_n[i].classname=i==n?"dis":"undis";
     }
  }

</script>
</body>
</html>

源码下载
http://down.111cn.net/down/code/js/jiaodiantu/2010/0908/20693.html

时间: 2024-11-10 09:54:12

腾讯博客幻灯片效果js代码的相关文章

利用ASP.NET MVC+Bootstrap搭建个人博客之praise.js点赞特效插件(二)_实用技巧

在上篇文章给大家介绍了利用ASP.NET MVC和Bootstrap快速搭建响应式个人博客站(一).接下来给大家介绍如果做个点赞插件,一起通过本文学习吧! 1. 为啥要做这个点赞插件?    praise.js是一款小巧的jQuery点赞插件,使用简便,效果美观. 在做个人博客时遇到了文章点赞问题.联想到各大社交网络中的点赞特效:手势放大.红心放大等等,很酷很炫.但是并没有现成的好用的插件,于是就打算自己做一个类似的点赞插件,放上自己喜欢的点赞图标.PS:小站的图标均来自阿里妈妈旗下的那个ico

新人求助,写csdn博客的时候插入代码显示行号

问题描述 新人求助,写csdn博客的时候插入代码显示行号 这是我自己写博客时候插入的代码,但是不显示行号,请问怎么才能显示呢 解决方案 我明白了,原来保存之后就有行号了,被自己蠢哭了(┬_┬) 解决方案二: 解决方案三: markdown好像没有这个功能.

jquery特效 幻灯片效果示例代码

jquery特效中的幻灯片想必大家已不陌生吧,下面为大家分享个比较不错的幻灯片效果,附有源码,感兴趣的朋友可以学习下哈   jquery特效 幻灯片效果,效果图如下:   复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <title>jq

影响你博客推广效果的29个细节问题

中介交易 SEO诊断 淘宝客 云主机 技术大厅 博客推广作为常用的一种网站推广方法已被大家广泛运用到日常的推广工作中,但往往很多人做了一大堆的博客却没有达到预期的效果,今天就平时在对网络营销人才类的网站牛才网的日常推广过程中关于博客推广的点点个人经验稍作总结,以供参考. 同样作为一种网站推广的方法,在操作的过程中细节是博客推广的关键所在.总的说来博客推广主要分2大步骤:创建博客.推广博客. 创建博客 1.筛选平台: 与博客主题相关,如互联网类.站长类.网络营销类.电子商务类.综合类;建立博客群;

csdn 博客中实现运行代码功能实现_javascript技巧

因为没有运行功能,所以想在页面中实现运行代码功能,下面的代码是个不错的实现方法,当然你也可以任何你想实现代码运行功能的地方使用. 复制代码 代码如下: <p> <script type="text/javascript"><!-- function viewPage(html) {     var page = window.open('', '', '');     page.opener = null;     page.document.write(

为什么在编辑博客插入的java代码片段显示的是灰色的?不是高亮的?

问题描述 publicstaticvoidmain(){} 就是上面背景是灰色的.很难看是灰色的.而不是高亮显示的.看着很不舒服..求解加入代码时也是用的引用java代码 解决方案 解决方案二:博客主页中[管理博客]→[博客配置]→[高亮代码皮肤],如下图:希望能够帮到你

flex 博客阅读器 实现代码_Flex

根据由 刘刚 翻译的"flex中文帮助"整理而来 为了完成这个项目,执行的步骤如下:1. 设置项目2. 检查要访问的远程数据源    出于安全的原因,在客户端计算机上Flash Player 中运行的应用程序,只有在满足如下    条件之一的情况下,才能访问远程的数据:    a. 应用程序的SWF 文件与远程数据源位于同一个域中.    b. 使用代理,同时SWF 文件与代理位于同一个服务器中.    c. 在数据源的宿主web 服务器上安装crossdomain.xml(跨域策略)

仿新浪博客网页右下角广告代码

提示:您可以先修改部分代码再运行 本代码由网页特效网提供 提示:您可以先修改部分代码再运行

中美电视咨询顾问--腾讯博客

http://386766905.qzone.qq.com 用美国的经验带动中国电视的发展.为国内电视台提供培训,顾问等服务.