预览模式: 普通 | 列表

CSS隐藏文字的几个方法

作者:lanhi 日期:2009-06-30

作为一个web前端开发
为了html语义化
常常要给内容模块加上一些标题来让页面更有意义
当然还有我们的图片按钮
在抛开css裸奔的情况下也能很顺利的汲取到页面信息

分类:DIV+CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1

整理好的汉字区位码查询表

作者:lanhi 日期:2009-06-29

点击下载此文件

分类:My Diary | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1

仿Google和Windows Live的拖拽效果代码

作者:lanhi 日期:2009-06-19

<HTML> <HEAD> <TITLE> New Document </TITLE> <style type="text/css"> body { margin:10px; } #dragHelper { position:absolute;/*重要*/ border:2px dashed #000000; background-color:#FFFFFF; filter: alpha(opacity=30); } .normal { position:absolute;/*重要*/ width:300px; #height:10px; border:1px solid #666666; background-color:#FFFFFF; } .over { position:absolute;/*重要*/ width:300px; #height:10px; border:1px solid #666666; background-color:#f3f3f3; filter: alpha(opacity=50); } .dragArea { CURSOR: move; } </style> </HEAD> <BODY oncontextmenu_fckprotectedatt="%20oncontextmenu%3D%22window.event.returnValue%3Dfalse%22"> <input type="text" id="evt" name="eventValue" size="40" /> <div id="dragHelper" style="display:none"></div> <div class="normal" overClass="over" dragClass="normal"> <table width="100%"> <tbody> <tr bgcolor="#CCCCCC" bar="yes"><td><a href="#" _fcksavedurl="#">Cobao</a></td><td dragArea="yes" class="dragArea">........</td><td><a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22openClose(this)%22">-</a> x</td></tr> <tr><td colspan="3">地址:http://www.cobao.cn</td></tr> <tr><td colspan="3">关键字:</td></tr> <tr><td colspan="3">说明:</td></tr> </tbody> </table> </div> <div class="normal" overClass="over" dragClass="normal"> <table width="100%"> <tbody> <tr bgcolor="#CCCCCC" bar="yes"><td>新浪</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22openClose(this)%22">-</a> x</td></tr> <tr><td colspan="3">地址:http://www.sina.com.cn</td></tr> <tr><td colspan="3">关键字:</td></tr> <tr><td colspan="3">说明:</td></tr> </tbody> </table> </div> <div class="normal" overClass="over" dragClass="normal"> <table width="100%"> <tbody> <tr bgcolor="#CCCCCC" bar="yes"><td>网易</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22openClose(this)%22">-</a> x</td></tr> <tr><td colspan="3">地址:http://www.163.com</td></tr> <tr><td colspan="3">关键字:</td></tr> <tr><td colspan="3">说明:</td></tr> </tbody> </table> </div> <div class="normal" overClass="over" dragClass="normal"> <table width="100%"> <tbody> <tr bgcolor="#CCCCCC" bar="yes"><td>QQ</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22openClose(this)%22">-</a> x</td></tr> <tr><td colspan="3">地址:http://www.qq.com</td></tr> <tr><td colspan="3">关键字:</td></tr> <tr><td colspan="3">说明:</td></tr> </tbody> </table> </div> </BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HTML>
提示：您可以先修改部分代码再运行

分类:JavaScript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2

为您解读CSS优先级

作者:lanhi 日期:2009-06-19

在讲CSS优先级之前，我们得要了解什么是CSS，CSS是用来做什么的。

首先，我们对CSS作一个简单的说明：CSS是层叠样式表（Cascading Style Sheets）的简称。它的规范代表了互联网历史上一个独特的发展阶段。现在对于从事网页制作的朋友来说，应该很少没有听说过CSS了，因为在制作网页过程中我们经常需要用到。

其次：我们能通过CSS为文档设置丰富且易于修改的外观，以减轻网页制作者的工作负担，从而减轻制作及后期维护的代价。

分类:DIV+CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1

Photoshop制作精美高光流线字

作者:lanhi 日期:2009-06-15

思路：先用钢笔工具勾出流畅的曲线，然后描边路径，再用画笔根据路径装饰一下高光背景，最后把曲线复制并模糊变形即可。制作的时候背景颜色选择稍微深一点的色调。

最终效果：

1、在Photoshop中创建一个新文档，大小为1920 x 1200，之后设置渐变色如下。

分类:Photoshop | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3

Javascript仿Window桌面效果(多窗口)

作者:lanhi 日期:2009-06-10

支持创建多窗口,自定义窗口大小,可拉动窗口右下角改变窗口大小,支持最大化,最小化,关闭,

另附层模拟alert().及模拟confirm(), 代码方便调用,测试环境: Firefox3、IE6、IE7

分类:DIV+CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7

主流web2.0网站的配色参考方案

作者:lanhi 日期:2009-06-09

分类:Photoshop | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2

使用ready.mobi来做网站的移动设备(手机)兼容性测试

作者:lanhi 日期:2009-06-09

使用ready.mobi来做网站的移动设备(手机)兼容性测试
之前曾经写过一篇文章,”你的网站进入移动时代了吗?”.现在,随着3G业务在中国的逐渐铺开,使用移动设备(手机)上网的人会越来越多了.如何确保自己的网站可以正确且顺利的在移动设备上被使用呢?首先想到的可能会拿出自己的手机来上一下.但事实上,使用手机来上网存在的诸多问题还是会让你对自己的网站是否健康存在疑问.今天,我就来介绍一个帮助你诊断网站是否适应移动上网的工具.

网址足够的简洁:http://ready.mobi 好像是在问你,are u ready for thr mobi?

分类:Web Design | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2