站长资源 网络编程

javascript简写效果“神秘的眼睛”

整理:jimmy2026/8/6浏览2次

简介www.jb51.net神秘的眼睛脚本之家 .eye{ display:inline; overflow:hidden; position:relative; float:left; margin:50px 0 0 50px; width:50px;

<!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; charset=gb2312" /> <title>www.jb51.net神秘的眼睛</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> ○● ○● <input name="" id="xy" type="text" /> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：js实现的定时关闭页面或定时提醒效果代码

下一篇：js判断一点是否在一个三角形内

站长资源 网络编程

javascript简写效果“神秘的眼睛”

最新资源

一句话新闻

标签云