在网页中制作随机游动的悬浮窗口图片或者flash的代码分享

在网页中制作随机游动的悬浮窗口图片或者flash的代码分享5 c2 \6 q. ]3 c& I

效果请看本站的每一个页面的漂浮窗口。1 m' G3 ?$ ?. X
. J& J$ I4 K4 L3 { k- L" u) x
代码如下，请下载打包文件，把代码放在HTML的<Body></Body>之间

<div id="img" style="position:absolute;">
<embed height="90" width="100" flashvars="bannerWidth=100&bannerHeight=90&bannerSID=http://img.uu1001.cn/x2/2011-07-30/20-36/2011-07-30_6e819596302c207629f5c0fe8df5aa5e_0.xml&bannerXML=&bannerLink=http%3A%2F%2Flady.520qa.cn%2Fpost%2Findex.php&dataSource=&bid=23995254&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="23995254" id="23995254" style="" src="http://img.uu1001.cn/bcv3.swf?v=20110610" type="application/x-shockwave-flash"/></embed></div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
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 start() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
// End -->
</script>

复制代码

注明：以下是flash漂浮代码，如果想换成图片格式的代码效果，请把第二句改为： <img src="这里填写图片的地址"
onClick="pause_resume();">
</div>3 x0 v" |. @: ?3 L
详情说明请下载二楼附件学习，里有详细说明操作。谢谢支持！

收藏分享评分

赴趟汤火，在所不惜，用全部的生命去为人民服务.........
[畅谈职业与人生]

分享到： QQ空间腾讯微博腾讯朋友

回复引用

订阅 TOP

520qa

管理员

Rank: 10

UID: 4523
帖子: 1701
精华: 92
积分: 46722
威望: 9455
金币: 7625
贡献: 4590
魅力: 4569
推广: 725
阅读权限: 255
性别: 女
来自: Guangdong Province
在线时间: 227 小时
注册时间: 2008-8-20

2楼

发表于 2011-7-30 21:43 | 只看该作者

踩窝窝

送礼物

问候Ta

附件: 你需要登录才可以下载或查看附件。免费斗地主赢30元充值卡

回复引用

TOP

返回列表

家具生产工艺流程	行业国内国际标准	企业管理培训资料	外语入门精通捷径	学生课件试题	大学生毕业论文	人才求职招聘信息
行业相关管理表格	测试报价认证流程	西格玛Sigma/FMEA	行业培训资料教材	纺织服装QA/QC培训	医疗行业知识培训	饮食蔬菜水果水产

在网页中制作随机游动的悬浮窗口图片或者flash的代码分享

精彩推荐最新信息