登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

散花竹

 
 
 

日志

 
 
关于我

一匹来自绝地的苍狼!于五月中诞生,融入栉沐风雨.孤独的游弋在沙漠边缘.层层沙浪仿佛是它的琴键,弹奏着一只只舞曲,一曲曲生命的和弦.一个前无古人的境界。雪地混着月光,黎明仍没有希望.胸怀一世的苍凉,拥抱万世的辉煌

图片移动代码

2006-10-04 10:38:37|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
2006-07-02 02:06:59

               图片移动代码                                            

一 图片在叶面浮动代码

<div style=";">
<a href="www.yf13.com/" target="_blank">
<img src="/img/logo.gif" border="0"></a>
</div>

<SCRIPT LANGUAGE="JavaScript">
<!--
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function www_helpor_net() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
www_helpor_net();
//For more,visit:www.helpor.net
-->
</script>

二 几种简单的图片文字滚动代码

<marquee direction=up scrollamount=3 >
文字向上滚。</marquee>
<marquee direction=down scrollamount=3 >
文字下向滚。</marquee>
图片、文字左右移动-代码如下


<marquee width=100% behavior=alternate><img src="http://www.yf13.com/img/logo.gif"></marquee>


<marquee direction="left" scrolldelay="60"> 文字部分</marquee>

IE默认值为60(单位:毫秒)
取值越大,移动越慢(小于60,IE仍默认为60)。

  三 图片滚动代码

<marquee direction=left>
<img src="http://www.yf13.com/img/logo.gif">
<img src="http://www.yf13.com/img/logo.gif">
<img src="http://www.yf13.com/img/logo.gif">
<img src="http://www.yf13.com/img/logo.gif">
<img src="http://www.yf13.com/img/logo.gif">
<img src="http://www.yf13.com/img/logo.gif">
<img src="http://www.yf13.com/img/logo.gif">
<img src="http://www.yf13.com/img/logo.gif">
<img src="http://www.yf13.com/img/logo.gif">
<img src="http://www.yf13.com/img/logo.gif">
</marquee>
</font>
</table>

四 加入背景音乐代码

<EMBED src=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"></EMBED>
所用元素:<EMBED></EMBED>
参数:
src:音乐文件的URL;
hidden:=true为不可见,=false反之;
type:指定音频类型;
LOOP:是否循环播放,注意其值置于小角双引号中;
AUTOSTART:是否自动播放,其值同上。

1. rm,ra,ram类型的背景音乐代码:

<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="背景音乐地址">

2. midi,asf,wma,asx类型的背景音乐代码:

<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="背景音乐地址">

五 上下移动图片

<center><marquee scrollamount=3 scrolldelay=150 direction=up width=450 height=500 bordercolor="#000000" border="1">
<p align=center><img src="

http://www.yf13.com/img/logo.gif"></p>
</marquee></center>

六 双排彩色跳动文字

<marquee scrollamount=8 direction=right behavior=alternate><b><font color=#7700bb size=5><font color=lime>
<marquee direction=up behavior=alternate width=40 height=200 align="middle">祝</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=150>愿</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=200>朋</marquee><font color=fuchsia>
<marquee direction=up behavior=alternate width=40 height=150>友</marquee><font color=olive>
<marquee direction=up behavior=alternate width=40 height=200>们</marquee><font color=green>
<marquee direction=up behavior=alternate width=40 height=150>开</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=200>心</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=150>!</marquee><font color=orange></font></b></marquee>

②彩色跳动文字

<center><font face=隶书 color=red size=15>
<marquee direction=up behavior=alternate width=60 height=120>祝</marquee><font color=yellow>
<marquee direction=up behavior=alternate width=60 height=80>愿</marquee><font color=brown>
<marquee direction=up behavior=alternate width=60 height=120>朋</marquee><font color=green>
<marquee direction=up behavior=alternate width=60 height=80>友</marquee><font color=orange>
<marquee direction=up behavior=alternate width=60 height=120>们</marquee><font color=yellow>
<marquee direction=up behavior=alternate width=60 height=80>开</marquee><font color=orange>
<marquee direction=up behavior=alternate width=60 height=120>心</marquee></font></b></marquee></font></center></font></font></font></font></font></font>

七 图片左右移动的代码

<script LANGUAGE="JavaScript"><!--
step = 0;
obj = new Image();
function anim(xp,xk,smer)
{
obj.style.left = x;
x += step*smer;
if (x>=(xk+xp)/2) {
if (smer == 1) step--;
else step++;
}
else {
if (smer == 1) step++;
else step--;
}
if (x >= xk) {
x = xk;
smer = -1;
}
if (x <= xp) {
x = xp;
smer = 1;
}

setTimeout('anim('+xp+','+xk+','+smer+')', 50);
}
function moveLR(objID,movingarea_width,c)
{
if (navigator.appName=="Netscape") window_width = window.innerWidth;
else window_width = document.body.offsetWidth;
obj = document.images[objID];
image_width = obj.width;
x1 = obj.style.left;
x = Number(x1.substring(0,x1.length-2));   // 30px -> 30
if (c == 0) {
if (movingarea_width == 0) {
right_margin = window_width - image_width;
anim(x,right_margin,1);
}
else {
right_margin = x + movingarea_width - image_width;
if (movingarea_width < x + image_width) window.alert("No space for moving!");
else anim(x,right_margin,1);
}
}
else {
if (movingarea_width == 0) right_margin = window_width - image_width;
else {
x = Math.round((window_width-movingarea_width)/2);
right_margin = Math.round((window_width+movingarea_width)/2)-image_width;
}
anim(x,right_margin,1);
}
}
//--></script>
<img src="http://www.yf13.com/img/logo.gif"
name="picture"
style="; top: 70px; left: 30px;" BORDER="0">
<script LANGUAGE="JavaScript"><!--
setTimeout("moveLR('picture',300,1)",10);
//--></script>

八 文字从背景中飞出来 而且不影响本来的页面

把如下代码加入<body>区域中
<SCRIPT>

// scroller message
var message="欢迎光临javascript2000 请记得经常来看看呀你一定会有收获的 "

// fonts. Add as many fonts as you like.
var messagefont=new Array("Arial Black","Verdana","Impact","Comic Sans MS")

// fontcolors. Add as many fontcolors as you like.
var messagecolor=new Array("red","olive","888888","purple")

// horizontal and vertical position of scroller (pixels)
var positionleft=200
var positiontop=10
</SCRIPT>

<SCRIPT>
var timer
var marginright=0
var i_fadestrength=5
var i_message=0
var i_messagecolor=0
var i_messagefont=0
var step=1
var maxfontsize=220
var fontsizefactor=maxfontsize/100
var content
var textboxwidth=0
var bodywidth=0
message=message.split(" ")


function setmessage() {
 if (i_message>=message.length) {i_message=0}
 if (i_messagecolor>=messagecolor.length) {i_messagecolor=0}
 if (i_messagefont>=messagefont.length) {i_messagefont=0}
 content="<nobr><font color="+messagecolor[i_messagecolor]+" face="+messagefont[i_messagefont]+">"+message[i_message]+"</font><nobr>"
 textbox.innerHTML=content
 i_message++
 i_messagecolor++
 i_messagefont++
 timer=setTimeout("resizemessage()",500)
}

function resizemessage() {
if (i_fadestrength<120) {
 textbox.filters.alpha.opacity=Math.floor(100-i_fadestrength)
 document.all.textbox.style.fontSize=i_fadestrength*fontsizefactor
 document.all.textbox.style.posLeft=positionleft-(Math.floor(i_fadestrength/1.1*fontsizefactor))
 document.all.textbox.style.posTop=positiontop
 document.all.textbox.style.width=bodywidth-document.all.textbox.style.posLeft-5
 document.all.textbox.style.overflowX="hidden"
 document.all.textbox.style.visibility="visible"
 step+=1.5
 i_fadestrength+=step
 timer=setTimeout("resizemessage()",50)
}
else {
 clearTimeout(timer)
 i_fadestrength=0;
 step=1;
 setmessage()
 }
}
if (document.all) {
 document.write("<DIV style=';font-family:Verdana;filter:alpha(opacity=0);'></DIV>")
 document.write("<DIV style=';'>")
}

if (document.all) {
 bodywidth=document.body.clientWidth-5
 setmessage()
}

</SCRIPT>

<MARQUEE style="LEFT: 250px; ; TOP: 1000px" scrollDelay=100 direction=up behavior=alternate width=700 height=1000><MARQUEE scrollDelay=100 behavior=alternate><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="http://myhome.hanafos.com/down2/75/76/27/01/242/eccl12s-3.gif" ></MARQUEE></MARQUEE>

大家只要改变里面的图片地址和根据需要改变里面的是数据就可以了,

很好玩的,大家试试看~~



图片移动代码 - 绝地苍狼 - 散花竹
按此在新窗口浏览图片


一杯清茶,一本好书,轻轻抚慰,相伴到天明~
2005-11-13 20:36:00 IP: 保密 
  安心
图片移动代码 - 绝地苍狼 - 散花竹
  等级:骑士
  权限:普通用户
  积分:587
  发帖数:243
  注册时间:2004-11-27
图片移动代码 - 绝地苍狼 - 散花竹 图片移动代码 - 绝地苍狼 - 散花竹 编辑 删除 引用   第2楼 

图片移动代码 - 绝地苍狼 - 散花竹 图片移动代码 - 绝地苍狼 - 散花竹

图片移动代码 - 绝地苍狼 - 散花竹 图片移动代码 - 绝地苍狼 - 散花竹

直升飞机~

图片移动代码 - 绝地苍狼 - 散花竹

因为你懂我,所以我安心。
2005-11-14 0:07:00 IP:保密 
  潇湘
图片移动代码 - 绝地苍狼 - 散花竹
  等级:天使
  权限:管理员
  积分:12793
  发帖数:6266
  注册时间:2004-10-30
图片移动代码 - 绝地苍狼 - 散花竹 图片移动代码 - 绝地苍狼 - 散花竹 编辑 删除 引用   第3楼 
图片移动代码 - 绝地苍狼 - 散花竹
图片移动代码 - 绝地苍狼 - 散花竹
清晨的第一缕曙光升起我对你的问候,我把真诚熔入太阳,幻成满天彩霞。
送您永远的祝福:幸福平安健康快乐!
按此在新窗口浏览图片

2005-11-14 0:18:00 IP:保密 
  潇湘
图片移动代码 - 绝地苍狼 - 散花竹
  等级:天使
  权限:管理员
  积分:12793
  发帖数:6266
  注册时间:2004-10-30
图片移动代码 - 绝地苍狼 - 散花竹 图片移动代码 - 绝地苍狼 - 散花竹 编辑 删除 引用   第4楼 
我的怎么也没出来?代码有误?
图片移动代码 - 绝地苍狼 - 散花竹
清晨的第一缕曙光升起我对你的问候,我把真诚熔入太阳,幻成满天彩霞。
送您永远的祝福:幸福平安健康快乐!
按此在新窗口浏览图片

2005-11-14 0:19:00 IP:保密 
  天涯倦旅
图片移动代码 - 绝地苍狼 - 散花竹
  等级:精灵王
  权限:普通用户
  积分:2669
  发帖数:860
  注册时间:2005-10-4
图片移动代码 - 绝地苍狼 - 散花竹 图片移动代码 - 绝地苍狼 - 散花竹 编辑 删除 引用   第5楼 

  QUOTE:
我的怎么也没出来?代码有误?

哪里有误啊,图在下面呢。

图片移动代码 - 绝地苍狼 - 散花竹
按此在新窗口浏览图片


一杯清茶,一本好书,轻轻抚慰,相伴到天明~
2005-11-14 18:36:00 IP:保密 
  梅舞月影
图片移动代码 - 绝地苍狼 - 散花竹
  等级:光明使者
  权限:版主
  积分:14241
  发帖数:4760
  注册时间:2005-8-24
图片移动代码 - 绝地苍狼 - 散花竹 图片移动代码 - 绝地苍狼 - 散花竹 编辑 删除 引用   第6楼 
图片移动代码 - 绝地苍狼 - 散花竹
图片移动代码 - 绝地苍狼 - 散花竹
按此在新窗口浏览图片
2005-11-14 18:38:00 IP:保密 
  梅舞月影
图片移动代码 - 绝地苍狼 - 散花竹
  等级:光明使者
  权限:版主
  积分:14241
  发帖数:4760
  注册时间:2005-8-24
图片移动代码 - 绝地苍狼 - 散花竹 图片移动代码 - 绝地苍狼 - 散花竹 编辑 删除 引用   第7楼 

哈,我的天,我成功了哦~

满世界跑娃娃~

那个办证是谁发的啊~

图片移动代码 - 绝地苍狼 - 散花竹
按此在新窗口浏览图片
2005-11-14 18:39:00 IP:保密 
  天涯倦旅
图片移动代码 - 绝地苍狼 - 散花竹
  等级:精灵王
  权限:普通用户
  积分:2669
  发帖数:860
  注册时间:2005-10-4
图片移动代码 - 绝地苍狼 - 散花竹 图片移动代码 - 绝地苍狼 - 散花竹 编辑 删除 引用   第8楼 
图片移动代码 - 绝地苍狼 - 散花竹

 

 

 

  评论这张
 
阅读(348)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018