首页 > 代码库 > 每日分享

每日分享

onfocus用法
onfocus 事件在对象获得焦点时发生。
Onfocus 通常用于 <input>, <select>, 和<a>.
提示:onfocus 事件的相反事件为onblur 事件。
<html>
<head>
<title>onfocus</title>
</head>
<head>
<script>
function myFunction(x){
x.style.background="yellow";
}
</script>
</head>
<body>
输入你的名字: <input type="text" onfocus="myFunction(this)">
</body>
</html>

onmouseover用法
onmouseover 属性在鼠标指针移动到元素上时触发。
<html>
<head>
<title></title>
<script>
function bigImg(x){
x.style.height="64px";
x.style.width="64px";
}
function normalImg(x){
x.style.height="32px";
x.style.width="32px";
}
</script>
</head>
<body>
<img onm ouseover="bigImg(this)" onm ouseout="normalImg(this)" border="0" src="http://www.mamicode.com/0.jpg" alt="aaas" width="32" height="32">
</body>
</html>


link与@import区别与选择

首先link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。import在html使用时候需要<style type="text/css">标签,同时可以直接“@import url(CSS文件路径地址);”放如css文件或css代码里引入其它css文件。
本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。


为什么谷歌不显示visited高度

基于隐私安全的原因,浏览器限制了:visited伪类只能使用color属性,其他无效,故您的设置无法实现。如果您需要实现此类视觉效果,可以考虑利用js结合点击事件进行样式设置。document.getElementById("divId").style.height="200px";document.getElementById("divId").style.width="200px";

每日分享