网页悬浮按钮php,Javascript实现带关闭按钮的网页漂浮广告代码

带关闭按钮的网页漂浮广告代码

ff.js代码

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.style.visibility = "visible";

interval = setInterval('changePos()', delay);

}

start();

本文原创发布php中文网，转载请注明出处，感谢您的尊重！

网页悬浮按钮php,Javascript实现带关闭按钮的网页漂浮广告代码_javascript技巧相关推荐

php内嵌网页加载js,javascript 窗口加载蒙板内嵌网页内容_javascript技巧
//初始化导航背景,iframe容器 function fnDaoHangBg() { var h = fnGetHeight(),w = fnGetWidth();//获取背景窗口大小 if(!$( ...
treeview 展开节点php,javascript实现TreeView 无刷新展开的实例代码_javascript技巧
{ var tempObj = objchild[i]; if(tempObj.tagName=="INPUT" && tempObj.type == " ...
php中的网页漂浮代码,JavaScript_Javascript实现带关闭按钮的网页漂浮广告代码，复制代码代码如下: html - phpStudy...
Javascript实现带关闭按钮的网页漂浮广告代码带关闭按钮的网页漂浮广告代码 X ff.js代码 var xPos = 20; var yPos = document.body.clientHe ...
html漂浮图片代码关闭,js带关闭按钮的网页漂浮广告代码
html head -="-Type"=";=GBK" 带关闭按钮的网页漂浮广告代码 body divid="img"style=" ...
php 漂浮广告代码,JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
本文实例讲述了JavaScript实现带缓冲效果的随屏滚动漂浮广告代码.分享给大家供大家参考,具体如下: 这里演示了始终随屏滚动的JavaScript代码,在国内的应用泛滥成灾了,特别是一些喜欢漂浮广 ...
Android自定义旋钮效果,Android自定义悬浮按钮效果实现，带移动效果
一个带动画效果的悬浮按钮.从下往上显示,从上往下消失. 代码比较简单,实现原理也比较简单. public class MainActivity extends Activity { private B ...
android 悬浮按钮功能实现,Android自定义悬浮按钮效果实现，带移动效果
一个带动画效果的悬浮按钮.从下往上显示,从上往下消失. 代码比较简单,实现原理也比较简单. public class MainActivity extends Activity { private B ...
HTML网页悬浮按钮
使用position:fixed定位实现: <!DOCTYPE html> <html lang="en"> <head><meta ch ...
浮动窗口代码(带关闭按钮+全屏漂浮)
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
DW静态网页设计与制作 JavaScript大作业 HTML静态网页作业——海贼王主题网页设计制作6个页面(HTML+CSS)
HTML静态网页作业--海贼王主题网页设计制作6个页面(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合 ...

网页悬浮按钮php,Javascript实现带关闭按钮的网页漂浮广告代码_javascript技巧

网页悬浮按钮php,Javascript实现带关闭按钮的网页漂浮广告代码_javascript技巧相关推荐

最新文章

热门文章