css文件内使用js
这个是我的一个同事使用的方法，之前自己没有用过，看了他写的代码，我震惊了一下，原来css内部竟然也可以使用javascript代码，真实长见识了，学习了……
下面是其中的一段代码，考了过来，留着以后自己查看使用。
`
#carousel_photo_container #pre {
width: expression(document.getElementById("carousel_photo").width/2 600 ? "600px" : this.width);
}
`
这单代码主要作用是根据图片的宽度来实现显示时候图片的宽度！
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 WEIXING.ME！
相关推荐
2010-09-05
前端开发所需掌握的技术（1）
?前端开发所需掌握的技术（1） 也许你对前端开发所要掌握的技术不是特别的了解，下面我们再来看一下下面这段招聘信息： 网站前端工程师（Front-end Web developer） 工作职责： 负责网站前端设计及开发。 职位要求： 计算机相关专业，本科以上学历。 精通Java/Ajax/JavaScript/XML/CSS，有至少3年相关工作经验。 了解不同浏览器之间的差异，写出的代码具有良好的兼容性。 熟悉页面架构和布局，对Web标准和标签语有深入了解。 对用户体验、交互操作流程及用户需求有深入了解。 能根据设计效果图严谨落实界面，精确到像素意识。 有丰富的网站前端工作经验。 笔者认为上面这段招聘信息仅仅列出了一些基本的要求，一个优秀的前端工程师需要掌握很多与之相关的技术，绝大部分的团队都需要一个真正理解及应用这些技术的人才。正确地深入理解前端所应用到的各项技术和技能，并且能做到有的放矢，这对于个人及团队都是有利的。下面我们进行整体的概括。 2.1. 业内标准 关于业内标准，首先必须了解的是W3C的一系列标准，前面的章节中已经详细地介...
2011-06-24
子标签float父标签div高度自适应问题（4种解决方法）
经常出现子标签浮动（float），父div不能自适应的问题，如下面的代码，li是float：left，外面div高度自适应 ` - 白芍 - 丹参 - 红景天 - 姜黄 ` 解决方法： 1）在子标签的最后加上清除浮动的标签 可以在ul的下面加上以下代码，清除浮动 ` ` 2)给div加css属性 ` .product { overflow:auto; zoom:1; } ` overflow:auto;是让高度自适应， zoom:1;是为了兼容IE6，也可以用height:1%;的方式来解决。 3)使用after伪类 ` .product:after { content:”.”; height:0; visibility:hidden; display:block; clear:both; } ` 4)浮动外部元素，float-in-float 这种做法就是让父容器也浮动，这利用到了浮动元素的一个特性——浮动元素会闭合浮动元素。这种方式在 IE/Win 和标准兼容浏览器中都...
2010-10-21
CSS vertical-align 属性
CSS vertical-align 属性定义和用法vertical-align 属性设置元素的垂直对齐方式。 说明该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。 | 默认值： || baseline | | 继承性： || no | | 版本： || CSS1 | | JavaScript 语法： || object.style.verticalAlign=”bottom” | 实例垂直对齐一幅图像： img { vertical-align:text-top; } 浏览器支持所有浏览器都支持 vertical-align 属性。 注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 “inherit”。 可能的值| 值 || 描述 | | baseline || 默认。元素放置在父元素的基线上。 | | sub || 垂直对齐文本的下标。 | | super || 垂直对齐文本的上标 | | top ||...
2011-03-02
div+css实现内容的水平垂直居中
今天逛蓝色理想论坛，看到一个朋友发的面试题，共4道，我会期中的2道题，另外2道题都是要求 使高度宽度固定的div内的不固定高度的文字或者图片上下左右居中显示，自己没做出来，看了答案 题目：多行文字，保证在DIV中绝对局中，上下左右。不管文字增加多少都是局中的。DIV高度固定。 答案：水平方向居中使用css的text-align：center 就能搞定，垂直方向上需 要2层分别上下50%，最终实现垂直方向上的居中。 查看演示：https://www.weixing.me/demo/up-down-left-right-juzhong.htm 代码如下： ` ` div中的文字保持上下左右居中 CSS Web Design 我爱CSS 我爱CSS致力于Web标准在中国的应用及发展 我们努力保持每天更新，为您提供最新最全的CSS网页布局教程。 我爱CSS致力于Web标准在中国的应用及发展
2011-01-04
google api 获得客户端ip的地理位置
通过Google API ** 获得客户端ip地址的地理位置**， 首先要引用google提供的JavaScript接口文件 下面是次接口的用法： eg. 无标题页 var area = “”;var country=””;var pro=””;var city=””;try{if(geoip_city() != “” && geoip_city() != null)area += geoip_city()+” “;city=geoip_city(); //城市名称if(geoip_region_name() != “” && geoip_region_name() != null)area += geoip_region_name()+” “;pro=geoip_region_name();//地区名称if(geoip_country_name() != “” &...
2010-09-13
基于DIV和CSS的布局结构（2）
** 基于DIV和CSS的布局结构（2）** 2．使用语义化的标签及命名标识 在所有的结构中都应该使用具有语义的标签及命名标识，如，为标题、为段落、为列表等。标识元素也应尽量使用如id=”header”、id=”footer”等易读懂的语义标识。下面的代码使用的就是具有语义的标签及命名标识。 ? 标题?标题? 内容?…内容 ? 坏的?好的 3．尽量减少使用DIV标记 和表结构一样，深度嵌套的DIV也会给编辑及调试带来麻烦，如少了一个结束会使所有的结构混乱，所以应尽量少使用DIV。 示例1： 在面包屑导航的标签的使用上，可以使用“p”标签而不是DIV。 ? 首页/服务?=?首页/服务 ? 示例2： 在一些博客的文章日期显示上，也可以做到简单的结构。 ? 7?=?710 10? 4．格式化代码 作为开发人员，应养成良好的编程习惯，把代码进行格式化（缩进），使得阅读源代码更方便。 5．在布局结尾加上注释 在一个较复杂的结构中，你可能会迷失方向，不清楚哪个标记在哪个位置结束，调试混乱的布局...