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

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

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

效果截图：

手机站头部超赞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>

随机推荐

CSS仿Win7对话框黑色阴影效果
CSS仿Win7对话框黑色阴影效果，采用了CSS3的一个新属性，对所有新版本浏览器都支持，老版本的浏览器部分不支持。兼容IE新版、Google浏览器、火狐浏览器，分别对应着三个属性：box-shadow、-webkit-box-shadow、-moz-box-shadow。效果图:
利用CSS的hover伪类实现的下拉菜单效果
利用CSS的hover伪类实现的下拉菜单效果，未使用任何js代码，简单方便。效果截图：
DIV的CSS height:100%无效的解决办法
在设置DIV高度的时候，会用到一个height:100%的大小，来让div撑满浏览器高度。但是我们会发现，直接在div中写上style:height:100%;是无效的。那么如何才能让div的css height:100%生效呢？解决办法很简单，同时也能适配多个浏览器。方法就是在css当中增加上
手机站常用的底部导航条，宽度自适应
手机站常用的底部导航条，宽度自适应。代码打包下载：手机站常用的底部导航条，宽度自适应效果截图：
JS+CSS简单实现DIV遮罩层显示隐藏
Copy上面的代码到HTML页面即可查看效果。原理比较简单，就是在页面内先定义好需要显示的DIV和遮罩层的CSS,然后用在onclick事件时，通过JS去控制两个DIV的样式：display=block or display=none.就可以实现DIV的显示和隐藏。注意两个DIV的z-index，显示在最

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

相关文章

随机推荐