专注于discuz,uchome,dedecms等各类PHP程序仿站(二次开发和模板制作)。

« »

discuz开发小记:滚动、换行、自定义模板名称

首先是水平滚动,是引用网上的一段代码:

<!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”>
<head>
<title>图片连续无间隙向左滚动,无间隙向右滚动,符合W3C Web标准_</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
</head>
<body>
<div id=”demo” style=”overflow: hidden; width: 322px; height: 61px”>
<table cellpadding=”0″ align=”left” border=”0″ cellspace=”0″>
<tr>
<td id=”demo1″ valign=”top”><table cellspacing=”0″ cellpadding=”0″ width=”322″ bgcolor=”#fffbf7″ border=”0″>
<tr align=”center”>
<td width=”50″ height=”50″><img height=”50″ src=”www.yonfa365.com.jpg” /> </td>
<td width=”50″ height=”50″><img height=”50″ src=”www.yonfa365.com.jpg” /> </td>
<td width=”50″ height=”50″><img height=”50″ src=”www.yonfa365.com.jpg” /> </td>
<td width=”50″ height=”50″><img height=”50″ src=”www.yonfa365.com.jpg” /> </td>
<td width=”50″ height=”50″><img height=”50″ src=”www.yonfa365.com.jpg” /> </td>
</tr>
</table></td>
<td id=”demo2″ valign=”top”></td>
</tr>
</table>
</div>
<div id=”demo0″ style=”overflow: hidden; width: 322px; height: 61px”>
<table cellpadding=”0″ align=”left” border=”0″ cellspace=”0″>
<tr>
<td id=”demo11″ valign=”top”><table cellspacing=”0″ cellpadding=”0″ width=”322″ bgcolor=”#fffbf7″ border=”0″>
<tr align=”center”>
<td width=”50″ height=”50″><img height=”50″ src=”www.yonfa365.com.jpg” /> </td>
<td width=”50″ height=”50″><img height=”50″ src=”www.yonfa365.com.jpg” /> </td>
<td width=”50″ height=”50″><img height=”50″ src=”www.yonfa365.com.jpg” /> </td>
<td width=”50″ height=”50″><img height=”50″ src=”www.yonfa365.com.jpg” /> </td>
<td width=”50″ height=”50″><img height=”50″ src=”www.yonfa365.com.jpg” /> </td>
</tr>
</table></td>
<td id=”demo22″ valign=”top”></td>
</tr>
</table>
</div>
<script type=”text/javascript” language=”JavaScript”>
//调用向左滚动
toleft(“demo”,”demo1″,”demo2″,30,”hehe123″)
//调用向右滚动
toright(“demo0″,”demo11″,”demo22″,20,”hehe1123″)
function $(id){return document.getElementById(id)}
//向左滚动函数,demo包含demo1与demo2,speed是滚动速度,flag一个网页内有多个时设置为不同的任意字符。
//by 柳永法(yongfa365)’Blog www.yongfa365.com
function toleft(demo,demo1,demo2,speed,flag){
demo=$(demo);demo1=$(demo1);demo2=$(demo2)
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0){
demo.scrollLeft-=demo1.offsetWidth
}
else{
demo.scrollLeft++
}
}
flag=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(flag);}
demo.onmouseout=function(){flag=setInterval(Marquee,speed);}
}
//向右滚动函数,demo包含demo1与demo2,speed是滚动速度,flag一个网页内有多个时设置为不同的任意字符。
//by 柳永法(yongfa365)’Blog www.yongfa365.com
function toright(demo,demo1,demo2,speed,flag){
demo=$(demo);demo1=$(demo1);demo2=$(demo2)
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo.scrollLeft<=0){
demo.scrollLeft=demo2.offsetWidth
}
else{
demo.scrollLeft–
}
}
flag=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(flag);}
demo.onmouseout=function(){flag=setInterval(Marquee,speed);}
}
</script>
</body>
</html>

 

二、门户自定义模板名称:

在模板里面加:

<!–[name]这就是你你模板后台显示的名称[/name]–>

三、宽度不够时,文字自动换行:

强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}

原创文章如转载,请注明:转载自火跃工作室
本文网址:http://www.huoyue.org/discuz-roll-word-break

日志信息 »

该日志于2012-08-11 01:35由 火跃 发表在CSS+HTML, discuz, javascript分类下, 你可以发表评论。除了可以将这个日志以保留源地址及作者的情况下引用到你的网站或博客,还可以通过RSS 2.0订阅这个日志的所有评论。

相关日志 »

没有评论

发表评论 »