JS网站右下角悬浮视窗可关闭广告
2015-06-04 16:38
525 查看
效果体验: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文件代码:
如果查看hvtjs4.js文件,可以参考以下文章:
http://hovertree.com/hvtart/bjae/psf105c1.htm
http://hovertree.com/hvtart/bjae/doq8alch.htm
web前端汇总:/article/4797642.html
网站右下角悬浮视窗可关闭广告代码,可收缩、展开,关闭,内容区可自定义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前端汇总:/article/4797642.html
相关文章推荐
- [转]wget 下载整个网站,或者特定目录
- HA高可用集群
- iOS应用架构谈 view层的组织和调用方案
- iOS应用架构谈 开篇
- 几个技术类网站
- 从零開始学习OpenCL开发(一)架构
- SOA(面向服务的架构)
- Android 系统中 Location Service 的实现与架构
- IIS自定义404错误页避免暴露.NET网站路径信息
- 【转】地方门户网站:地区细分领域的蓝海市场
- 查询mac地址所属厂家的网站
- 网站的组成部件
- 解读大型网站系统架构的演化
- 一个自动布署.net网站的bat批处理实例
- Linux ALSA框架之一:ALSA架构简介
- 架构设计之如何写架构设计说明书
- iOS应用架构谈(三):View层的组织和调用方案(下)
- iOS应用架构谈(二):View层的组织和调用方案(上)
- iOS应用架构谈(二):View层的组织和调用方案(中)
- iOS应用架构谈(一):架构设计的方法论