php实现飘窗,JS实现网站图片飘窗效果，JavaScript悬浮广告（附详细代码）

原标题：JS实现网站图片飘窗效果，JavaScript悬浮广告(附详细代码)

JS实现网站图片飘窗效果，Java悬浮广告，郑州SEO提供以下代码，仅供参考：

飘窗效果-丁光辉博客(www.dingguanghui.com)

*{margin:0px;padding:0px}

#ad{position:absolute;left:0px;top:0px;}

< type=”text/java”>

//通过ID获取img

ad=document.getElementById(“ad”);

//定义横纵坐标

x=0;

y=0;

//设置初始速度

xv=1.5;

yv=1.5;

//根据img横纵坐标位置，设置反方向速度

function fun(){

if(x<0||x>window.innerWidth-ad.offsetWidth){

xv=-xv;

}

if(y<0||y>window.innerHeight-ad.offsetHeight){

yv=-yv;

}

x+=xv;

y+=yv;

//将xy坐标值赋予img css样式中的left与top

ad.style.left=x+”px”;

ad.style.top=y+”px”;

}

//定时器调用

mytime=setInterval(fun,100);

//ad绑定鼠标悬停事件

ad.οnmοuseοver=function(){

//清除定时器

clearInterval(mytime);

}

//鼠标离开，重新触发定时器

ad.οnmοuseοut=function(){

mytime=setInterval(fun,100);

}

php实现飘窗,JS实现网站图片飘窗效果，JavaScript悬浮广告（附详细代码）相关推荐

pdf、图片转OFD怎么实现？附详细代码
OFD(Open Form definition)是中国国家标准局推出的一种电子文档格式,主要用于电子文档的存储.交换和传输.以下是将pdf和图片转换为OFD的实现方式及详细代码说明. 对于pdf转O ...
单选按钮html图片,js实现的图片单选按钮效果
[实例简介]用js实现的radio图片选择按钮效果. [实例截图] [核心代码] 用JS实现的radio图片选择按钮效果-脚本之家 .lanrentuku img{border:1px solid # ...
传奇玩家访问网站自动弹窗加QQ群方法以及详细代码
大家一定发现访问很多正在商业开区的大服网站时会弹窗让你加QQ群,不仅显得高大上同时也用广告费赚回了人气,在自己的群里养人,很大程度上省下了广告费和提高了人气,可谓开服必备手段之一,今天给大家分享一下网 ...
老徐WEB：JS简单实现图片滚动效果轮播图，自动、手动和自适应(二)
轮播图是前端网页中常用的功能,包括PC端和移动端,都会用到轮播图,像咨讯.电商和个人博客等,首页基本都会有轮播图. 老徐在上一篇文章的基础上[最简单详细的轮播图原理和制作过程],又扩展了功能,使之成为 ...
php+js实现异步图片上传,JavaScript实现异步图像上传功能
当向服务器上传图像时,根据服务器操作的复杂性和服务器性能,需要几秒钟到几分钟的时间来完成.本文的重点是在图像上传至服务器时使用JavaScript立即显示图像. 介绍当使用JavaScript将图像 ...
html js 修改img 图片不拉伸,Javascript防止图片拉伸的自适应处理方法
前言相信大家在日常的web开发中,作为前端经常会遇到处理图片拉伸问题的情况. 例如banner.图文列表.头像等所有和用户或客户自主操作图片上传的地方,而一旦牵扯图片,就会涉及到图片拉伸的问题,当然 ...
这样使用Node.js压缩PNG图片，效果高达75％
安装 Npm 包在我们开始编写代码之前,我们需要安装 npm 包 imagemin 和 imagemin-pngquant. imagemin-pngquant npm 包是 pngquant 压缩 ...
Swiper.js wap app 图片滑动效果
公司wap站改版,需要跟app保持一直,网上找了很多关于Swiper.js的信息,但是都是比较老的.最后找到了 http://www.idangero.us/swiper/demos/#.VY5mVv ...
php 实现背景图片轮换,纯js实现背景图片切换效果代码
html代码背景切换因为javascript逻辑顺序比较强,所以要考虑引用js的位置 css代码 body {font-size:12px;} div{ width:950px; height:8 ...

php实现飘窗,JS实现网站图片飘窗效果，JavaScript悬浮广告（附详细代码）

php实现飘窗,JS实现网站图片飘窗效果，JavaScript悬浮广告（附详细代码）相关推荐

最新文章

热门文章