JS网站右下角悬浮视窗可关闭广告

效果体验：http://hovertree.com/texiao/js/4.htm

网站右下角悬浮视窗可关闭广告代码，可收缩、展开，关闭，内容区可自定义html，兼容IE8+、FireFox、Chrome、Safari等主流浏览器。广告图片尺寸300x250。

使用方法：
在head区域引入样式表文件hvtcss4.css和JS文件hvtjs4.js
注意：
<link href="http://hovertree.com/texiao/js/4/hvtcss4.css" rel="stylesheet" type="text/css" />
不能写成
<link href="http://hovertree.com/texiao/js/4/hvtcss4.css" rel="stylesheet" type="text/javascript" />

否则在IE和火狐浏览器将无法实现效果，在Chrome中却可以。

在你的网页代码中加入区域部分

HTML文件代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS右下角悬浮可最小化和关闭的广告 - HoverTree</title><base target="_blank" />
<link href="http://hovertree.com/texiao/js/4/hvtcss4.css" rel="stylesheet" type="text/css" />
<script src="http://hovertree.com/texiao/js/4/hvtjs4.js"></script>
<style>a{color:blue;}.hvtcenter{width:760px;margin:0px auto;}</style>
</head>
<body><div class="hvtcenter">
<h2>右下角悬浮可最小化和关闭的广告</h2>
<a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">更多特效</a> <a href="http://hovertree.com/hvtart/bjae/yjm6v683.htm">原文</a> <a href="http://keleyi.com">柯乐义</a>
<br />网站右下角悬浮视窗可关闭广告代码，可收缩、展开，关闭，内容区可自定义html，兼容IE8+、FireFox、Chrome、Safari等主流浏览器。广告图片尺寸300x250。
</div><!-- 代码 开始 -->
<div class="float_layer_hovertree" id="hovertree_float_layer" style="z-index:10001;">
<h2>
<b>最新活动</b>
<a id="btn_min" href="javascript:;" class="min" target="_self"></a> <a id="btn_close" href="javascript:;" class="close" target="_self"></a>
</h2>
<div class="content">
<div class="wrap">
<a href="http://hovertree.com/menu/texiao/" target="_blank"><img src="http://hovertree.com/texiao/js/4/hovertree_300x250.jpg" width="300" height="250" /></a>
</div>
</div>
</div>
<!-- 代码 结束 --></body>
</html>

如果查看hvtjs4.js文件，可以参考以下文章：
http://hovertree.com/hvtart/bjae/psf105c1.htm
http://hovertree.com/hvtart/bjae/doq8alch.htm

web前端汇总:http://www.cnblogs.com/jihua/p/webfront.html

JS网站右下角悬浮视窗可关闭广告相关推荐

百度SEO站群网站右下角悬浮圆形图标客服菜单代码
纯css3实现一款简单易用的右下角悬浮圆形图标客服菜单代码,点击右下角查看样式,可展开收缩二维码,qq客服,电话等. 下载地址: http://www.bytepan.com/3kdljMvyikT
简单网站侧边悬浮图片带关闭按钮广告代码
邯郸生活网www.mlhd.org 最近在放一个侧边的广告,网上看很多代码都很复杂,其实有一款比较简单的代码,也不需要调用更多的文件就可以,还带关闭按钮,足以满足将图片广告放入网站的侧边,左侧右侧均可 ...
手机端网站底部悬浮广告代码代关闭_网站被劫持，网站被劫持了应该怎么办？怎么解决网站被劫持？...
网站劫持:是指当用户打开一个网址的时候,出现一个不归属于网站范畴内的一个广告页面,或者是直接就跳转到某一个不不是这个网站所属的一个网站的分页面. IIS7网站检测可判断: 1.网站是否被黑 2.网站是 ...
jQuery右下角悬浮广告
查看演示右下角悬浮广告是一种常见的网页广告展示方式,而且对用户浏览有干扰之嫌但对网站收益来说是很受站长们欢迎的.今天我给大家分享一个使用jQuery来实现网页右下角广告的实例.它的优点是可以从右下角 ...
用JS写右下角烦人的弹窗小广告
啦啦啦啦,写一下最近JS的学习进度. 最近JS学了DOM.正则.定时器- 用定时器写了一个右下角的弹窗广告. 先写一下定时器的基本概念周期定时器:setInterval(function,每间隔多少 ...
php++网页最右下角,js实现右下角可关闭最小化div(可用于展示推荐内容)
本实例使用Javascript实现右下角可关闭最小化div,可以用于展示推荐内容,效果预览网址:http://keleyi.com/keleyi/phtml/xuanfudiv/3.htm 效果图片: ...
JS脚本实现CSDN免登陆免关闭广告插件自动展开“阅读更多”内容
最近在CSDN查资料,总是弹出以下弹窗,然后就自动跳转到登录页面,蛋疼! 于是重新捣腾了一下,修改了原来的脚本,最新的脚本代码如下: 温馨提示:在打开CSDN页面后立刻执行以下脚本即可免登陆免关闭广告 ...
网站页首可关闭广告条
<html><head><title>网站页首可关闭广告条</title><style type="text/css"> ...
java 屏蔽广告js_用js屏蔽被http劫持的浮动广告实现方法
最近发现网站经常在右下角弹出一个浮动广告,开始的时候以为只是浏览器的广告. 后来越来越多同事反映在家里不同浏览器也会出现广告.然后深入检查了下,发现网站竟然被劫持了. 然后百度了一大堆资料,什么htt ...

JS网站右下角悬浮视窗可关闭广告

JS网站右下角悬浮视窗可关闭广告相关推荐

最新文章

热门文章