喜悦国际村 
» 游客:  注册 | 登录 | 搜索 | 统计 | 喜悦证交所 | 帮助

RSS 订阅当前论坛  

$5.95 Web Hosting     

上一主题 下一主题
     
标题: marquee标准化的再一步发问  
 
vaman
新手上路
Rank: 1
初级会员



UID 29199
精华 0
积分 16
帖子 17
金钱 16 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2004-6-6
状态 离线
[广告]: 代充Paypal帐号美元
marquee标准化的再一步发问

我通过这个方式成功实现了marquee
非我原创

<?php
JS代码:

function getElementsByClass(searchClass,tagName) {
var 
classElements = new Array();
if ( 
tagName == null )
tagName '*';
var 
els document.getElementsByTagName(tagName);
var 
elsLen els.length;
var 
pattern = new RegExp("(^|s)"+searchClass+"(s|$)");
for (
00elsLeni++) {
if ( 
pattern.test(els[i].className) ) {
  
classElements[j] = els[i];
  
j++;
}

return 
classElements;
}

function 
ccMarquee(className){
var 
a=getElementsByClass(className);
for (
0a.lengthi++) {
a[i].innerHTML="<marquee>"a[i].innerHTML+"</marquee>";
}
}
window.onload = function () {
ccMarquee("ccMarquee");
}




XHTML代码:

<div class="ccMarquee">
<
a href="" title="">这里是滚动的</a>
</
div>
?>
因为我想用他实现的一组新闻滚动
我想控制滚动速度如何实现
当鼠标移动到某新闻上时,我希望滚动停止,又如何实现
希望村民帮忙

[ 本帖最后由 vaman 于 2006-8-8 05:30 PM 编辑 ]




http://www.im80s.net
2006-8-8 05:18 PM#1
查看资料  访问主页  发短消息  顶部
 
薄荷脑
新手上路
Rank: 1



UID 76905
精华 0
积分 18
帖子 20
金钱 18 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2006-7-23
状态 离线
[广告]: Enom域名自助付费 自助注册 自助PUSH 主流域名COM等一律57.99元年
<marquee direction="up" scrollamount=a scrolldelay=b
onmouseover="this.stop()" onmouseout="this.start()">text</marquee>
direction="up"表示由下向上滚动 因此应设置宽高
a表示每次移动的距离 以象素为单位
b表示每次移动的间隔 以毫秒为单位
2006-8-9 12:16 AM#2
查看资料  发短消息  顶部
 
vaman
新手上路
Rank: 1
初级会员



UID 29199
精华 0
积分 16
帖子 17
金钱 16 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2004-6-6
状态 离线
[推荐阅读] zend
试了下
没有效果




http://www.im80s.net
2006-8-9 12:45 PM#3
查看资料  访问主页  发短消息  顶部
 
薄荷脑
新手上路
Rank: 1



UID 76905
精华 0
积分 18
帖子 20
金钱 18 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2006-7-23
状态 离线
[推荐阅读] 看不懂的时间格式!!
完整index.php代码如下:

<html><head>
<?php
print <<<JS
<script>
function getElementsByClass(searchClass,tagName) {
var classElements = new Array();
if ( tagName == null )
tagName = '*';
var els = document.getElementsByTagName(tagName);
var elsLen = els.length;
var pattern = new RegExp("(^|s)"+searchClass+"(s|$)");
for (i = 0, j = 0; i < elsLen; i++) {
if ( pattern.test(els[i].className) ) {
  classElements[j] = els[i];
  j++;
}
}
return classElements;
}

function ccMarquee(className){
var a=getElementsByClass(className);
for (i = 0; i < a.length; i++) {
a[i].innerHTML="<marquee direction='up' scrollamount='1' scrolldelay='100' "
+"onmouseover='this.stop()' onmouseout='this.start()'>"
+a[i].innerHTML+"</marquee>";
}
}

window.onload = function () {
ccMarquee("ccMarquee");
}
</script>
JS;
?>
</head><body>
<div class="ccMarquee" style="width:200px;height:200px;">
<a href="" title="">这里是滚动的新闻</a><br/>
<a href="" title="">这里是滚动的新闻</a><br/>
<a href="" title="">这里是滚动的新闻</a><br/>
<a href="" title="">这里是滚动的新闻</a><br/>
<a href="" title="">这里是滚动的新闻</a><br/>
</div></body></html>
调试环境:Apache/2.0.58 (Win32) PHP/5.1.4
2006-8-10 09:58 PM#4
查看资料  发短消息  顶部
 
vaman
新手上路
Rank: 1
初级会员



UID 29199
精华 0
积分 16
帖子 17
金钱 16 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2004-6-6
状态 离线
[推荐阅读] 推荐本JS电子书
甚是感谢~~
辛苦了

[ 本帖最后由 vaman 于 2006-8-11 11:18 AM 编辑 ]




http://www.im80s.net
2006-8-11 11:17 AM#5
查看资料  访问主页  发短消息  顶部
     


  可打印版本 | 推荐给朋友 | 订阅主题 | 收藏主题 | 开通个人空间  


 




Powered by Discuz! 6.1.0  © 2001-2010 Comsenz Inc.
Processed in 0.025058 second(s), 6 queries

(冀ICP备05009913号) 管理员:sadly 邮箱/MSN: sadly@phpx.com QQ:824008(长隐) 清除 Cookies - - Archiver - WAP