经典HTML代码

CSS代码

.Image {

max-width:600px;height:auto;cursor:pointer;

border:1px dashed #4E6973;padding: 3px;

zoom:expression( function(elm) {

if (elm.width>560) {

var oldVW = elm.width; elm.width=560;

elm.height = elm.height*(560 /oldVW);

}

elm.style.zoom = '1';

}(this));

}

使用方法：

HTML代码

页面上所有图片自动缩放的代码

利用CSS+JS让图片自动缩放-图片不变形

.thumbImage {max-width: 100px;max-height: 100px;} /* for Firefox & IE7 */

* html .thumbImage { /* for IE6 */

width: expression(this.width > 100 && this.width > this.height ? 100 : auto);

height: expression(this.height > 100 ? 100 : auto);

第一行：FF和IE7支持

第二行：IE6 必须加上 JS 才可以使用

测试通过！

方法一：

在图片属性里加 style='width:expression(width>450?450:width);'

高度style='height:expression(height>450?450:height);'

方法二：

在图片属性里加 οnlοad="if(this.width>550)this.width=550"

CODE:

var imgObj;

for(i = 0; i < document.all.length; i++)

{

if(document.all(i).tagName.toLowerCase()=="img")

{

imgObj = document.all(i) //建议只判断高度或者宽度其中一个，那样可以自动按比例缩放

if (imgObj.height>500) //判断图片的高度，如果大于500，则设置为500，值可以自己修改

{

imgObj.height=500

}

if (imgObj.width>700) //判断图片的宽度，如果大于700，则设置为700，值可以自己修改

{

imgObj.width=700

}

}

}

11.17 CSS英文命名

在写CSS的时候，经常为一些名字而发愁，比如说菜单后面的背景要用什么词来表示呢？大家都知道，菜单一般用menu来表示，那么菜单后面的背景我会用menubg，CSS里就写#menubg {…}。

还有一些其他的比如搜索框之类的应该怎么命名呢？下面有一些可以算得上是标准的命名吧。如果有错误或者遗漏请朋友们帮忙补上，谢谢！

CODE:页头：header

登录条：loginbar

标志：logo

侧栏：sidebar

广告：banner

导航：nav

子导航：subnav

菜单：menu

子菜单：submenu

搜索：search

滚动：scroll

页面主体：main

内容：content

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：joinus

指南：guild

服务：service

热点：hot

新闻：news

下载：download

注册：regsiter

状态：status

按钮：btn

投票：vote

合作伙伴：partner

友情链接：friendlink

页脚：footer

版权：copyright

提交：submit

文本框：textbox

统计：count

以上结构可以组合使用，例如：左列标题lefttitle；底部导航footernav 书写原则是： 1.一律小写； 2.尽量用英文； 3.不加中杠和下划