博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

2011年10月20日

获取页面宽高数据

摘要： 代码<!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> <title>无标题页</title> <style type="text/css"> b{colo 阅读全文

posted @ 2011-10-20 17:50 PHP-张工 阅读(374) 评论(0) 推荐(0)

智能文字大小

摘要： 根据页面的宽度自动调正字体大小haha 中文测试haha代码：<p id="pp1">haha 中文测试</p><p>haha</p><span id="span1"></span><script type="text/javascript">function zoomFontSize(){ var allWidth = document.documentElement.clientWidth; var newFontSize = pp1.oldFon 阅读全文

posted @ 2011-10-20 17:45 PHP-张工 阅读(285) 评论(0) 推荐(0)

IE下获取所有客户端字体，设置背景色

摘要： 此功能只可在IE下使用。博客园不提供使用 OBJECT 所以就无法在线演示了。代码：<!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> <title>无标题页</title></he 阅读全文

posted @ 2011-10-20 17:36 PHP-张工 阅读(643) 评论(0) 推荐(0)

HTML 注解

摘要： 代码<!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> <title>无标题页</title></head><body><!--haha&#13;ha 阅读全文

posted @ 2011-10-20 17:26 PHP-张工 阅读(658) 评论(0) 推荐(0)

js 获取选中文字内容

摘要： asdlfjawefo;awejgoawemfaowcmzxvczoasdfwe3wg2222xcvaowdfijq9p23rjq023jrq23r代码：<!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> < 阅读全文

posted @ 2011-10-20 16:50 PHP-张工 阅读(9260) 评论(1) 推荐(0)

js 改变浏览器标题

摘要： 代码：<!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> <title>无标题页</title> <link id="link1" rel="Short 阅读全文

posted @ 2011-10-20 16:40 PHP-张工 阅读(4347) 评论(1) 推荐(1)

HR 测试

摘要： 空HRborder:solid 1px red;height:0px; border-top:dotted 1px red;height:0px; border-top:dashed 1px red;height:1px;height:0px;height:0px; border:solid 10px red;height:0px; border-top:solid 10px red;height:20px;height:20px; border:solid 1px red;height:1px; border-top:solid 1px red; border-bottom:solid 3p 阅读全文

posted @ 2011-10-20 16:31 PHP-张工 阅读(318) 评论(0) 推荐(0)

js渐变颜色、背景、边框

摘要： 我的闪烁文字 abc123我的闪烁文字 abc123边框代码：<div id="div1">我的闪烁文字 abc123</div><div id="div2">我的闪烁文字 abc123</div><div id="div3" style="height:200px; width:200px; border:solid 5px black;">边框</div><script type="text/javascript" 阅读全文

posted @ 2011-10-20 16:02 PHP-张工 阅读(5083) 评论(0) 推荐(0)

js 颜色渐变

摘要： 我的闪烁文字 abc123信息代码：<!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> <title>无标题页</title></head><body><di 阅读全文

posted @ 2011-10-20 15:51 PHP-张工 阅读(4825) 评论(1) 推荐(0)

HTML border样式测试

摘要： soliddotteddasheddoublegrooveridgeinsetoutset 阅读全文

posted @ 2011-10-20 15:45 PHP-张工 阅读(1873) 评论(0) 推荐(0)

伪html立体阴影

摘要： sssssssssssssssss asdfasdf啊是的发生的防守对方 sssssssssssssssss asdfasdf啊是的发生的防守对方sssssssssssssssss asdfasdf啊是的发生的防守对方 sssssssssssssssss asdfasdf啊是的发生的防守对方sssssssssssssssss asdfasdf啊是的发生的防守对方sssssssssssssssss asdfasdf啊是的发生的防守对方sssssssssssssssss asdfasdf啊是的发生的防守对方sssssssssssssssss asdfasdf啊是的发生的防守对方ssssssssss 阅读全文

posted @ 2011-10-20 15:36 PHP-张工 阅读(569) 评论(0) 推荐(0)

第一个canvas

摘要： your browser does not support the canvas tag 代码<!DOCTYPE><html><head> <title>无标题页</title></head><body><canvas id="myCanvas">your browser does not support the canvas tag</canvas><script type="text/javascript">function dra 阅读全文

posted @ 2011-10-20 15:08 PHP-张工 阅读(313) 评论(0) 推荐(0)

字体大小及识别测试

摘要： 某些字体中的0O1LIl 不好区分，特意做了如下测试。 12px 阅读全文

posted @ 2011-10-20 14:31 PHP-张工 阅读(1528) 评论(0) 推荐(0)

css杂记

摘要： 禁止CHROME焦点在输入框时显示外边框：outline:none;禁止CHROME中textarea能改变大小功能：resize:none;按钮样式 textarea { resize:none; outline:none; } input[type=button] { border:solid 1px gray; background-color:#eff; padding:3px 10px; *padding:0px 3px; *padding-top:... 阅读全文

posted @ 2011-10-20 13:04 PHP-张工 阅读(211) 评论(0) 推荐(0)

类似博客园的左中右活动布局

摘要： 代码：<!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> <title>无标题页</title> <style type="text/css"> body, 阅读全文

posted @ 2011-10-20 12:57 PHP-张工 阅读(333) 评论(0) 推荐(0)

顶部不动HTML通知

摘要： HTML在页面滚动时顶部不动。<!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> <title>无标题页</title> <style type="text/css&quo 阅读全文

posted @ 2011-10-20 12:54 PHP-张工 阅读(1216) 评论(0) 推荐(0)

tab导航 img样式

摘要： 请使用CHROME浏览器查看。TAB导航样式TAB1 TAB1 TAB1 TAB1asdfasdfasdfasdfasdf代码 <style type="text/css"> .divTab { position:relative; top:2px; margin-left:10px; } .divContent { -webkit-box-shadow:0px 0px 10px #ddd; -moz-box-shadow:0px 0px 10px #ddd; box-shadow:0px 0px 10px #ddd; } ... 阅读全文

posted @ 2011-10-20 11:25 PHP-张工 阅读(2031) 评论(0) 推荐(1)

js移动测试

摘要： 代码下载：http://files.cnblogs.com/zjfree/jsAutoMove.rar 阅读全文

posted @ 2011-10-20 10:38 PHP-张工 阅读(371) 评论(0) 推荐(0)

浏览器元素大小测试

摘要： * 测试宽高 阅读全文

posted @ 2011-10-20 10:31 PHP-张工 阅读(261) 评论(0) 推荐(0)

js日期

摘要： 演示上一年下一年日一二三四五六代码下载http://files.cnblogs.com/zjfree/jsday.rar 阅读全文

posted @ 2011-10-20 10:17 PHP-张工 阅读(516) 评论(2) 推荐(1)