javascript效果:javascript简写效果神秘的眼睛疯狂代码！

javascript效果:javascript简写效果神秘的眼睛

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; char<img src='/icons/23069set.gif' />=gb2312" /> 
<title>www.jb51.net神秘<img src='/icons/23069de.gif' />眼睛脚本的家</title> 
<style type="text/css"> 
.eye{ 
    display:inline; 
    overflow:hidden; 
    position:relative; 
    float:left; 
    margin:50px 0 0 50px; 
    width:50px; 
    height:50px; 
    font-size:50px; 
    line-height:106%; 
    +line-height:normal; 
    cursor:default; 
} 
@media all and (min-width:0px){ 
.eye{line-height:normal;} 
} 
.pupil{ 
    overflow:hidden; 
    position:absolute; 
    margin:-5px 0 0 -5px; 
    width:10px; 
    height:10px; 
    line-height:normal; 
    font-size:10px; 
    top:50%; 
    left:50%; 
} 
</style> 
</head> 
<body> 
○<span id="leftPupil" <img src='/icons/23069class.gif' />="pupil">●</span><br/> 
○<span id="rightPupil" <img src='/icons/23069class.gif' />="pupil">●</span><br/> 
<input name="" id="xy" type="text" /> 
 
</body> 
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags: javascript特殊效果 javascript效果

javascript效果:javascript简写效果神秘的眼睛

延伸阅读

最新评论

发表评论

赞助商广告

随机更新

热门标注

最近更新

最新标注

javascript效果:javascript简写效果 神秘的眼睛

延伸阅读

最新评论

发表评论

赞助商广告

随机更新

热门标注

最近更新

最新标注

javascript效果:javascript简写效果神秘的眼睛