利用css3媒体查询@media进行响应式页面制作  [2020-8-2]          
响应式页面就是根据屏幕尺寸的不同进行不同版面样式的显示。css3的meidia媒体查询的属性可满足该需求的定义。

第一种方式，为不同的屏幕尺寸定义不同的css样式，屏幕尺寸变化时动态调整css。优点是独立定义css文件管理方便，缺点是需要加载多个css文件。
[code]
<!--html标签--!>

＞＞＞ 接着阅读全部内容，More...

By [cnbruce] at 22:26:19 | Comments [0] | views [4590]
 Meta定义网页自动适配电脑或手机的屏幕  [2019-12-4]          
屏幕分辨率是指屏幕显示的分辨率。屏幕分辨率确定电子屏幕上显示多少信息的设置，以水平和垂直像素来衡量。

就相同大小的屏幕而言，当屏幕分辨率低时（例如 640 x 480），在屏幕上显示的像素少，单个像素尺寸比较大。屏幕分辨率高时（例如 1600 x 1200），在屏幕上显示的像素多，单个像素尺寸比较小。

显示分辨率就是屏幕上显示的像素个数，分辨率160×128的意思是水平方向含有像素数为160个，垂直方向像素数128个。屏幕尺寸一样的情况下，分辨率越高，显示效果就越精细和细腻。

＞＞＞ 接着阅读全部内容，More...

By [cnbruce] at 8:50:19 | Comments [172] | views [66119]
 CSS强制不换行超过div或表格部分长度采用省略号  [2016-7-27]          
场景描述：在条目列表中经常遇到，要求固定高度的一行文本，随着窗口页面的收缩或分辨率的调整，对该文本进行隐藏展示，超过部分采用省略号“...”来表示。

应用表现：在div中和table表格中会经常遇到，他们的处理方法不太相同。

DIV基本原理：三行CSS代码

＞＞＞ 接着阅读全部内容，More...

By [cnbruce] at 20:26:09 | Comments [1] | views [7350]
 [转]淘宝商城鼠标经过区域变亮，其余区域变暗的代码  [2012-3-13]          
在淘宝商城浏览产品图片时发现鼠标经过时区域变亮，其余区域变暗。

鼠标未经过时

＞＞＞ 接着阅读全部内容，More...

By [cnbruce] at 14:41:16 | Comments [7] | views [22868]
 纯玩——超酷的HTML 3D动态效果  [2011-12-16]          
[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Wanna tell her - interactive DHTML</title>

＞＞＞ 接着阅读全部内容，More...

By [cnbruce] at 17:17:56 | Comments [6] | views [26571]
 Javascript压缩原理及压缩工具收集  [2011-11-24]          
一、为什么要进行Javascript压缩？

1、减少JS代码容量，增加下载速度和执行速度；

2、压缩后的JS代码不具备可识性，在一定程度上达到加密效果，防止被人轻易使用。

＞＞＞ 接着阅读全部内容，More...

By [cnbruce] at 17:46:51 | Comments [4] | views [21507]
 如何用CSS实现图像替换链接文本显示并保证链接可点击  [2011-1-7]          
一个很普通的网页中显示LOGO图像，按照以往的页面制作经验，基本是在页面中插入图像即可（<img src="logo.gif" />），不过以新WEB标准进行CSS布局，首先就对该XHTML源码进行改造，设置为纯文本

一、为什么不直接插入图像？

1、插入图像的XHTML语意性不强，搜索引擎也无法辨别

＞＞＞ 接着阅读全部内容，More...

By [cnbruce] at 10:12:56 | Comments [12] | views [16631]
 仿淘宝首页商品分类列表效果  [2009-1-19]          
客户强烈要求使用淘宝的首页商品分类效果，很BT~，没辙就满足一下人家的需求。

通过淘宝案例，立即想到了显示/隐藏层的效果，于是在DW中画了几个APDIV元素，通过【行为】制作了动作事件：鼠标移动至某区域，显示“分类”更多的层，鼠标移出就隐藏该层，这是核心方案。

调试完成之后用表格好好重新编辑了一下，顺便借用了之前的“选项卡”工具，拼凑了一个满足给用户

＞＞＞ 接着阅读全部内容，More...

By [cnbruce] at 12:08:30 | Comments [5] | views [19244]
 Javascript getYear() 在IE和FF下的兼容  [2008-12-5]          
Javascript的getYear()函数本意是提取获得当前“年份”，比如
[html]
<script type="text/javascript">
var nowd = new Date();
var yf = nowd.getYear();

＞＞＞ 接着阅读全部内容，More...

By [cnbruce] at 15:11:51 | Comments [4] | views [19329]