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-03-16
javascript获得网页URl地址及参数
今天做wordpress主题，需要获得url的值，查了资料，如下： 使用javascript获得网页的url地址以及参数等 获得URL信息： ` document.write(“location.host=”+location.host+”“); document.write(“location.hostname=”+location.hostname+”“); document.write(“location.href=”+location.href+”“); document.write(“location.pathname=”+location.pathname+”“); document.write(“location.protocol=”+location.protocol+”“); ` **显示效果： ** location.host=weixing.me location.hostname=weixing.me location.href=https://www...
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, ...
2010-09-24
Javascript的escape和unescape用法
escape 方法 对 String 对象编码以便它们能在所有计算机上可读， escape(charString) 必选项 charstring 参数是要编码的任意 String 对象或文字。 说明 escape 方法返回一个包含了 charstring 内容的字符串值（ Unicode 格式）。所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替，其中 xx 等于表示该字符的十六进制数。例如，空格返回的是 “%20” 。 字符值大于 255 的以 %uxxxx 格式存储。 unescape 方法 解码用 escape 方法进行了编码的 String 对象。 unescape(charstring) 必选项 charstring 参数是要解码的 String 对象。 说明 unescape 方法返回一个包含 charstring 内容的字符串值。所有以 %xx 十六进制形式编码的字符都用 ASCII 字符集中等价的字符代替。 以 %uxxxx 格式（Unicode 字符）编码的字符用十六进制编码 xxxx 的 Unicode 字符代替. —...
2011-06-30
10款javascript网页游戏源码（一）
最近在网上发现几款不错的基于javascript的网页游戏源码，在此与大家分享： 1）植物大战僵尸 点击下载：基于JavaScript的植物大战僵尸版源码.rar 2）坦克大战 点击下载： javascript 坦克大战游戏源码.rar 3）赛车游戏 点击下砸：JavaScript版赛车游戏源码.rar 4）星际争霸 点击下载：星际争霸源码.zip 5）谷歌吃豆人 点击下载：macek-google_pacman.rar
2010-11-04
JavaScript DOM入门教程 实例
DOM提供的四个方法： ●getElementById()方法 ●getElementsByTagName()方法 ●getAttribute()方法 ●setAttribute()方法 实例代码： 《DOM编程艺术》 第一章 第二章 第三章 第四章 第五章 第六章 var arrayB=document.getElementsByTagName(“p”); for(var i=0; i DOM提供的几个新属性： ●childNodes ●nodeType ●nodeValue ●firstChild ●lastChild 实例代码： pic1 pic2 pic3 选择一张图片 function showpics(whichpic) { var source=whichpic.getAttribute(“href”);?? //属性“href”要加双引号 var picid=document.getElementById(“imgID”); //常量“imgID”要加双引号 picid.set...