手机站头部超赞QQ邀请效果

模板网 2014-09-20

手机站头部超赞QQ邀请效果,已整理为JS调用代码,方便直接引入网页调用。

展示5秒后自动隐藏,15秒后再次出现,如此不断循环。

打包下载:手机站头部超赞QQ邀请效果

效果截图:

手机站头部超赞QQ邀请效果

 

<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" >
<title>手机站头部超赞QQ邀请效果</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<style>
	* {margin:0;padding:0;}
</style>
</head>
<body>
<script src="/demo/20140920/001/qqtop.js"></script>
</body>
</html>

相关文章

  1. JS+CSS简单实现DIV遮罩层显示隐藏

    Copy上面的代码到HTML页面即可查看效果。 原理比较简单,就是在页面内先定义好需要显示的DIV和遮罩层的CSS,然后用在onclick事件时,通过JS去控制两个DIV的样式:display=block or display=none.就可以实现DIV的显示和隐藏。 注意两个DIV的z-index,显示在最

  2. CSS blockquote美化效果

    blockquote相信大家都不陌生吧,在Word叫文本框,其实在网页了可叫它文本框吧,如果在一段文本的两头加上blockquote标签的话,那么文本将会接出来显示,而且其内的文本将含有blockquote的格式,所以只要用CSS定义好了blockquote的各个属性,你会发现这会是个

  3. CSS改变选中文本背景色和文字颜色

    CSS改变选中文本背景色和文字颜色。 效果截图:

  4. 纯CSS实现的二级菜单

    纯CSS实现的二级菜单,完全采用CSS样式来实现的,为添加任何JS代码。 主要利用了CSS伪类hover来实现的,代码简单容易理解。 相比较采用JS或者jQuery库实现的二级菜单,代码量极少。 效果截图:

  5. CSS仿Win7对话框黑色阴影效果

    CSS仿Win7对话框黑色阴影效果,采用了CSS3的一个新属性,对所有新版本浏览器都支持,老版本的浏览器部分不支持。 兼容IE新版、Google浏览器、火狐浏览器,分别对应着三个属性:box-shadow、-webkit-box-shadow、-moz-box-shadow。 效果图:

随机推荐

  1. JS+CSS简单实现DIV遮罩层显示隐藏

    Copy上面的代码到HTML页面即可查看效果。 原理比较简单,就是在页面内先定义好需要显示的DIV和遮罩层的CSS,然后用在onclick事件时,通过JS去控制两个DIV的样式:display=block or display=none.就可以实现DIV的显示和隐藏。 注意两个DIV的z-index,显示在最

  2. CSS blockquote美化效果

    blockquote相信大家都不陌生吧,在Word叫文本框,其实在网页了可叫它文本框吧,如果在一段文本的两头加上blockquote标签的话,那么文本将会接出来显示,而且其内的文本将含有blockquote的格式,所以只要用CSS定义好了blockquote的各个属性,你会发现这会是个

  3. CSS改变选中文本背景色和文字颜色

    CSS改变选中文本背景色和文字颜色。 效果截图:

  4. 纯CSS实现的二级菜单

    纯CSS实现的二级菜单,完全采用CSS样式来实现的,为添加任何JS代码。 主要利用了CSS伪类hover来实现的,代码简单容易理解。 相比较采用JS或者jQuery库实现的二级菜单,代码量极少。 效果截图:

  5. CSS仿Win7对话框黑色阴影效果

    CSS仿Win7对话框黑色阴影效果,采用了CSS3的一个新属性,对所有新版本浏览器都支持,老版本的浏览器部分不支持。 兼容IE新版、Google浏览器、火狐浏览器,分别对应着三个属性:box-shadow、-webkit-box-shadow、-moz-box-shadow。 效果图: