|
 
|
美化页面，添加倒计时
有人问到我要论坛美化的“倒计时”插件。抱歉，我没有。
这是我使用到的倒计时，只是一段简单的代码，很方便很实用。
使用discuz的任何版本。也使用任何网站。
演示：www.zikaozhushou.com
上图：
代码如下：- <center>
- <b><font color=#FFFFFF size="3"><div style="line-height:24px;">
- 距2012年10月考试还剩
- </div>
- <SPAN id=span_dt_dt></SPAN>
- <SCRIPT language=javascript>
- <!--
- //document.write("");
- function show_date_time(){
- BirthDay=new Date("10/20/2012 09:00:00");//【月/日/年；时:分:秒】
- today=new Date();
- timeold=(BirthDay.getTime()-today.getTime());
- if(timeold<0)
- {
- span_dt_dt.innerHTML="122次考试已经结束，请关注下次！";
- return;
- }
- window.setTimeout("show_date_time()", 1000);
- sectimeold=timeold/1000
- secondsold=Math.floor(sectimeold);
- msPerDay=24*60*60*1000
- e_daysold=timeold/msPerDay
- daysold=Math.floor(e_daysold);
- e_hrsold=(e_daysold-daysold)*24;
- hrsold=Math.floor(e_hrsold);
- e_minsold=(e_hrsold-hrsold)*60;
- minsold=Math.floor((e_hrsold-hrsold)*60);
- seconds=Math.floor((e_minsold-minsold)*60);
- span_dt_dt.innerHTML=""+daysold+"天"+hrsold+"小时"+minsold+"分钟"+seconds+"秒"+"<br>" ;
- }
- show_date_time();
- //-->
- </SCRIPT>
- </font></b>
- </center>
1、前台DIY，拉一个框架——添加展示类——静态模块——选择“自定义HTML”——复粘贴代码——保存OK
另：代码中的需要显示的汉字可以随意更改，本代码适合的框架大小：190*24px，根据自己的情况更改
2、导入以下文件，根据需要显示的地方自己拖拽。
3、后台广告添加：广告类型自己选择【我选择的是自定义广告，这样可以随便在哪个页面都能被使用】——跟添加广告代码一样的步骤操作——在前台任意一地方拉一个框架——添加模块——选择站点广告——选中你的广告名称——保存OK
|
|
