作者gsbtom (Tom)
看板Blog
标题[分享] 广告贴纸语法-Java Script
时间Sun Sep 14 15:29:32 2008
原文图片:
http://gsbtom.pixnet.net/blog/post/21745280
因为自己的blog是套用别人的样本
加上又懒的学CSS设计
所以纵使有些想法要加入版面上
只能套用别人的范例
只是最近有个范例 让我花了不少时间...
我的需求简述应为以下两点
1.利用blog已分类的各类文章 藉由类似"PCHome购物"的模式让网友点选而连结至各分类
文章
所谓"PCHome购物"的模式就是想弄一个像我blog中的广告样式
有两三个画面像跑马灯般切换
点选後则可以连结至设定的网页中
检示其语法 (语法位置)
发现似乎是用flash作成之页面 (因为有.swf的连结网页) 当然我也是懒得学
2.每一个画面作成一个超连结 例:棒球一个画面点选後进入归类於棒球的文章 电影
美食...亦同
上网打上keyword查询无所获
再上奇模知识+发问也没有得到满意的回覆
突想到很久已前学网页设计时一些特殊炫丽的页面都是靠Java Script帮忙
终於在"爪哇岛"找到最接近我需求的语法
贴上与大家分享
<script language="JavaScript1.2">
<!--
var marqueewidth=160
var marqueeheight=120
var speed=2
var marqueecontents='<center><P><a href="网页1" target="_blank"><img src="图片存放位置1" border=0 alt="笑话"></a><P><a href="网页2" target="_blank"><img src="图片存放位置2" border=0 alt="投资"></a></a></center>'
if (document.all)
document.write('<marquee direction="down" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",160)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",160)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
-->
</script>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
<layer name="cmarquee02" width=&{marqueewidth}; height=&{marqueeheight};></layer>
</ilayer>
</center>
只是还是有点未尽理想的地方
1.画面不知如何调成跟图片大小一样(图片160x120)会出现两三张图片同时出现
网站上提供注意事项仅有三点
在 var marqueewidth=150 中修改跑马灯的宽度(请填写最宽的)
在 var marqueeheight=50 中修改跑马灯的高度
在 var speed=1 中修改跑马灯的速度
依其调整似乎只有速度ok
2.画面如跑马灯接续而至 但当所有图片都跑完会有些时间呈现空白
有办法调整成一直接续下去不要间断吗?
--
吃喝玩乐让生活更有动力
http://blog.pixnet.net/gsbtom
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 122.125.166.139