HTML5 小功能

<footer>永久置底

<footer class="blockquote-footer" style="position: fixed;bottom: 0;">
This is a footer.
</footer>
position: fixed 这个属性可以让footer跟着滚动条一起走,如果去掉则会永远在最下面

Body背景图片自适应

<body
	style="width: 100%; height: 100%; background: url('../img/background-exregister.png'); background-size: 100%;"></body>

禁用启用滚动条,更详细请参考:https://blog.csdn.net/wide288/article/details/9496843

<script type="text/javascript">
 //禁止滚动条
 $(document.body).css({
   "overflow-x":"hidden",
   "overflow-y":"hidden"
 });
 
 //启用滚动条
 $(document.body).css({
   "overflow-x":"auto",
   "overflow-y":"auto"
 });
  
</script> 

关闭当前页面

function close_window(){
	if (browserName == "Netscape") { //这里验证是否为google chrome,因为chrome发现是最后一个页面会报Scripts may close only the windows that were opened by it.的错误
        window.location.href = "about:blank"; 
        window.close();
    } else if (browserName == "Microsoft Internet Explorer") {//IE就直接关闭就好了
        window.opener = null;
        window.close();
    } 
}

倒数读秒关闭的小例子,例子用了setTimeout函数的特性进行递归调用,每次延时一秒执行本方法,就构成了一个循环。

页面:
<span id="alert_time"></span> 
调用:
<script type="text/javascript">
	var time=5;
	show("#alert_time",time);
</script>
/**
 * 延时一秒执行
 * @param ele  控件,可以传入空间的id或者class选择器
 * @param time  循环次数
 * @returns
 */
function show(ele,time){
	time--;
	$(ele).text(time);//这里是给ele控件赋值,可以作为读秒显示在页面上
	if(time==0){
		close_window();//这里是读秒结束以后做的操作,我这里和上面的关闭方法一起构建了一个倒数关闭窗口的小功能
	}else{
		setTimeout(function(){
			show(ele,time);
		}, 1000);
	}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值