Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑问] 怎么修改SS默认幻灯片,让它在html中运行?

[复制链接]
sunj85 发表于 2009-12-1 10:47:27 | 显示全部楼层 |阅读模式
SS默认幻灯片确实很棒,但是里面有些代码是必须在PHP中运行,要是直接放在html中就无法运行了,那位高手来帮忙修改下啊!
 楼主| sunj85 发表于 2009-12-1 11:19:18 | 显示全部楼层
谁来说说
回复

使用道具 举报

xt_yxl 发表于 2009-12-1 11:26:36 | 显示全部楼层
最终显示效果难道不是HTML么?   打开网页, 把幻灯的代码搞出来不就行了...
  1. <link rel="stylesheet" type="text/css" href="/templates/default/css/common.css" />

  2. <div id="focus_turn">
  3. <ul id="focus_pic"><li class="current"><a href="/viewthread.php?tid=80579" target="_blank"><img src="/attachments/month_0912/0912010439bee6088f9956a548.jpg" alt="" /></a></li><li class="normal"><a href="/viewthread.php?tid=80579" target="_blank"><img src="/attachments/month_0912/091201043935e455fea6201a74.jpg" alt="" /></a></li><li class="normal"><a href="/viewthread.php?tid=80511" target="_blank"><img src="/attachments/month_0911/09113023255f09c7da47247e2d.jpg" alt="" /></a></li><li class="normal"><a href="/viewthread.php?tid=80511" target="_blank"><img src="/attachments/month_0911/0911302324b6124efa90d18afb.jpg" alt="" /></a></li><li class="normal"><a href="/viewthread.php?tid=80568" target="_blank"><img src="/attachments/month_0911/0911302153ee5bcfb61007aa2d.jpg" alt="" /></a></li></ul>
  4. <ul id="focus_tx"><li class="current"><a href="/viewthread.php?tid=80579">好东西,真想带回来!</a></li><li class="normal"><a href="/viewthread.php?tid=80579">好东西,真想带回来!</a></li><li class="normal"><a href="/viewthread.php?tid=80511">转帖:云南一官员涉强奸女警 警方称不便透露案情</a></li><li class="normal"><a href="/viewthread.php?tid=80511">转帖:云南一官员涉强奸女警 警方称不便透露案情</a></li><li class="normal"><a href="/viewthread.php?tid=80568">越野快乐/////////我的好朋友</a></li></ul>
  5. <div id="focus_opacity"></div>
  6. </div><!--focus_turn end-->



  7. <script>
  8. //文本框得到与失去焦点
  9. function clearTxt(id,txt) {
  10.         if (document.getElementById(id).value == txt)
  11.                 document.getElementById(id).value="" ;
  12.         return ;
  13. }
  14. function fillTxt(id,txt) {
  15.         if ( document.getElementById(id).value == "" )
  16.                 document.getElementById(id).value=txt;
  17.         return ;
  18. }

  19. //焦点图片轮换
  20. function $(id) { return document.getElementById(id); }

  21. function addLoadEvent(func){
  22.         var oldonload = window.onload;
  23.         if (typeof window.onload != 'function') {
  24.                 window.onload = func;
  25.         } else {
  26.                 window.onload = function(){
  27.                         oldonload();
  28.                         func();
  29.                 }
  30.         }
  31. }

  32. function addBtn() {
  33.         if(!$('focus_turn')||!$('focus_pic')||!$('focus_tx')) return;
  34.         var focusList = $('focus_pic').getElementsByTagName('li');
  35.         if(!focusList||focusList.length==0) return;
  36.         var btnBox = document.createElement('div');
  37.         btnBox.setAttribute('id','focus_btn');
  38.         var SpanBox ='';
  39.         for(var i=1; i<=focusList.length; i++ ) {
  40.                 var spanList = '<span class="normal">'+i+'</span>';
  41.                 SpanBox += spanList;
  42.         }
  43.         btnBox.innerHTML = SpanBox;
  44.         $('focus_turn').appendChild(btnBox);
  45.         $('focus_btn').getElementsByTagName('span')[0].className = 'current';
  46. }

  47. function classNormal(){
  48.         var focusList = $('focus_pic').getElementsByTagName('li');
  49.         var btnList = $('focus_btn').getElementsByTagName('span');
  50.         var txList = $('focus_tx').getElementsByTagName('li');
  51.         for(var i=0; i<focusList.length; i++) {
  52.                 focusList[i].className='normal';
  53.                 btnList[i].className='normal';
  54.                 txList[i].className='normal';
  55.         }
  56. }

  57. function classCurrent(n){
  58.         var focusList = $('focus_pic').getElementsByTagName('li');
  59.         var btnList = $('focus_btn').getElementsByTagName('span');
  60.         var txList = $('focus_tx').getElementsByTagName('li');
  61.         focusList[n].className='current';
  62.         btnList[n].className='current';
  63.         txList[n].className='current';
  64. }

  65. var autoKey = false;
  66. function btnTurn() {
  67.         if(!$('focus_turn')||!$('focus_pic')||!$('focus_tx') || !$('focus_btn')) return;
  68.         $('focus_turn').onmouseover = function(){autoKey = true};
  69.         $('focus_turn').onmouseout = function(){autoKey = false};       
  70.         var focusList = $('focus_pic').getElementsByTagName('li');
  71.         var btnList = $('focus_btn').getElementsByTagName('span');
  72.         var txList = $('focus_tx').getElementsByTagName('li');
  73.         for (var m=0; m<btnList.length; m++){
  74.                 btnList[m].onmouseover = function() {
  75.                         classNormal();
  76.                         this.className='current';
  77.                         var n=this.childNodes[0].nodeValue-1;
  78.                         focusList[n].className='current';
  79.                         txList[n].className='current';
  80.                 }
  81.         }
  82. }

  83. addLoadEvent(addBtn);
  84. addLoadEvent(btnTurn);
  85. addLoadEvent(setautoturn);

  86. function setautoturn() {
  87.         setInterval('autoTurn()', 5000);
  88. }

  89. function autoTurn() {
  90.         if(!$('focus_turn')||!$('focus_pic')||!$('focus_tx')) return;
  91.         if (autoKey) return;
  92.         var focusList = $('focus_pic').getElementsByTagName('li');
  93.         var btnList = $('focus_btn').getElementsByTagName('span');
  94.         var txList = $('focus_tx').getElementsByTagName('li');
  95.         for(var i=0; i<focusList.length; i++) {
  96.                 if (focusList[i].className == 'current') {
  97.                         var currentNum = i;
  98.                 }
  99.         }
  100.         if (currentNum==focusList.length-1 ){
  101.                 classNormal();
  102.                 classCurrent(0);
  103.         } else {
  104.                 classNormal();
  105.                 classCurrent(currentNum+1);
  106.         }

  107. }

  108. //相册焦点图片切换
  109. function imageFocus(){
  110.         if(!$('image_focus')||!$('image_focus_big')||!$('image_focus_small')) return;
  111.         var imageSmallLists= $('image_focus_small').getElementsByTagName('li');
  112.         var imageBigLists= $('image_focus_big').getElementsByTagName('li');
  113.         for(var i=0; i<imageSmallLists.length; i++){
  114.                 imageSmallLists[i].setAttribute('nodeNo',i);
  115.         }
  116.         for(var i=0; i<imageSmallLists.length; i++){
  117.                 imageSmallLists[i].onmouseover= function() {
  118.                         var n= this.getAttribute('nodeNo');
  119.                         for(var m=0; m<imageBigLists.length; m++){
  120.                                 imageBigLists[m].className='';       
  121.                         }
  122.                         imageBigLists[n].className='current';               
  123.                 }
  124.         }
  125. }
  126. addLoadEvent(imageFocus);

  127. //搜索
  128. function searchBox(){
  129.         if(!$('more_search')||!$('search_box')) return;
  130.         $('more_search').onclick=function(){
  131.                 $('search_box').className= '';
  132.                 $('more_search').style.display='none';
  133.                 $('close_search').style.display='block';
  134.         }
  135.        
  136.         $('close_search').onclick=function(){
  137.                 $('search_box').className= 'fixoneline';
  138.                 $('more_search').style.display='block';
  139.                 $('close_search').style.display='none';
  140.         }

  141. }
  142. addLoadEvent(searchBox);

  143. function addseccode() {
  144.        
  145.         if(noseccode != 0) return;
  146.        
  147.         $('login_authcode_input').style.display = 'block';
  148.         if($('login_authcode_img').style.display == 'block') {
  149.                 $('login_authcode_img').style.display='none';
  150.         }
  151.         $('login_showclose').style.display = 'block';
  152.         $('user_login_position').className = 'current';
  153. }

  154. function showseccode() {
  155.         $('login_authcode_img').style.display='block';
  156.         updateseccode();
  157. }

  158. function hidesec() {
  159.         $('login_authcode_input').style.display = 'none';
  160.         $('login_showclose').style.display = 'none';
  161.         $('login_authcode_img').style.display = 'none';
  162.         $('user_login_position').className = '';
  163. }
  164. </script>
复制代码
懒得弄了. 这代码肯定有多余的
回复

使用道具 举报

 楼主| sunj85 发表于 2009-12-1 11:28:10 | 显示全部楼层
直接放html,他不动啊
回复

使用道具 举报

xt_yxl 发表于 2009-12-1 14:53:37 | 显示全部楼层
  1. <link rel="stylesheet" type="text/css" href="/templates/default/css/common.css" />
复制代码
莫把样式丢了....
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-17 08:54 , Processed in 0.022823 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表