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-04-11
javascript利用正则表达式过滤HTML标签
2个正则表达式用来过滤掉HTML标签 1、 /(]+)>)/gi; //正则表达式 2、(/]*>/g, “”)//正则表达式 实例代码： ` javascript 利用正则表达式去除HTML标签 魏星博客 正则表达式1结果： function stripHTML(html) { return html=html.replace(/]*>/g, “”); } var aa=document.getElementById(“pp”).innerHTML; aa=stripHTML(aa); document.write(aa); 正则表达式2结果： function stripHTML(html) { return html=html.replace(/(]+)>)/gi, “”); } var aa=document.getElementById(“pp”).i...
2010-10-12
css背景图片定位（含实例下载）
在CSS中，背景图片的定位方位有3种： 1）关键字：background-position: top right; 2）像素：background-position: 0px 0px; 3）百分比：background-position: 0% 0%; 上面这三句语句，都将图片定位在背景的左上角，表面上看效果是一样的，实际上第三种定位机制与前两种完全不同。 前两种定位，都是将背景图片左上角的原点，放置在规定的位置。请看下面这张图，规定的位置是“20px 10px”和”60px 50px”，都是图片的原点在那个位置上，图中用X表示。 但是第三种定位，也就是百分比定位，不是这样。它的放置规则是，图片本身（x%,y%）的那个点，与背景区域的（x%,y%）的那个点重合。比如，如果放置位置是“20% 10%”，实际结果如下图，可以看到这个点是在图片本身的“20% 10%”的位置上。 下面是一个有趣的例子。 背景图片是四个边长为100px的方块叠在一起： 请问怎样才能将其横过来： 答案是，在网页中先设置四个div区域： 然后，这样编写CSS： .box1, .box2, ...
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的布局结构（1）
基于DIV和CSS的布局结构（1） DIV在HTML中是一个块级元素，所以它很适合用来建设网页的结构。2000年互联网泡沫之后，CSS流行起来。虽然距离CSS发布已经有很长的一段时间，但它有限的浏览器支持使得开发人员害怕使用它。相对于表格结构，它有相对更高的学习曲线，开发人员必须了解CSS并且清楚地知道CSS间的块级元素和内联元素、何时使用相对定位、何时使用绝对定位来解决浏览器的定位问题，还需了解每个CSS特性在不同浏览器中的不同表现（这点在3.1节中已经提到过）。我们重新审视一下关于Web标准的三个部分：结构(Structure)、表现(Presentation)、行为(Behavior)，见图3-12。 | | | 图3-12? Web标准的三个核心元素 | 我们需要还原HTML最初的面貌，用它来描述文档的结构，并且掌握CSS的布局技术来实现页面的排版布局。在设计这种标准的网页时，我们应该先抛去外观，外观在这个时候并不是最重要的，一个结构良好的HTML结构页面可以以任何外观表现出来。如果认真地思考网页所包含的内容，你会发现，你规划的页面结构会包含类似以下几点内容： 标...
2011-03-13
css3制作的汽车动画
今天看到一位国外高手用css3制作的汽车动画，感觉很好，于是就看了一下， 主要使用的是css3里面的：nth-of-type(n),-webkit-transform 现在好像只有Firefox3.5+? Chrome Safari3.1+ 支持，IE6、7、8都不支持，IE9不清楚 下面是演示地址，可以看一下： 查看演示 注：只有Chrome、Safari浏览器可以看到效果！