css文件内使用js

/ 30评 / 0

这个是我的一个同事使用的方法,之前自己没有用过,看了他写的代码,我震惊了一下,原来css内部竟然也可以使用javascript代码,真实长见识了,学习了……

下面是其中的一段代码,考了过来,留着以后自己查看使用。


#carousel_photo_container #pre {
width: expression(document.getElementById("carousel_photo").width/2 < 300 ? document.getElementById("carousel_photo").width/2 : "300px");
left: expression(document.getElementById("carousel_photo").width/2 < 300 ? 87+300-document.getElementById("carousel_photo").width/2 : "87px");

}
#carousel_photo_container #next {
width: expression(document.getElementById("carousel_photo").width/2 < 300 ? document.getElementById("carousel_photo").width/2 :"300px");
right: expression(document.getElementById("carousel_photo").width/2 < 300 ? 87+300-document.getElementById("carousel_photo").width/2 :"87px");
background-image: url(../images/cover.gif);
}

#carousel_photo {
padding: 5px;
border: 1px solid #990033;
max-width:600px;
height:auto;
_width:expression(this.width > 600 ? "600px" : this.width);

}

这单代码主要作用是根据图片的宽度来实现显示时候图片的宽度!

30条回应:“css文件内使用js”

  1. mrak一下。下次继续来看。。

  2. 刘俊说道:

    正在学习css

  3. 流氓兔足迹说道:

    看不懂!!。。。。

  4. 肖俊博客说道:

    这个还真没用使用过。

  5. 否何说道:

    css居然可以用js?
    我第一次看到,学习了。

  6. 感觉不错,顶一下,继续加油!

  7. 地球博客说道:

    老朽也长知识了。

  8. 泉州SEO说道:

    博主加油,很欣赏你的文章!很有感触!

  9. 厦门SEO说道:

    博主文章写的真好,回帖是一种美德,希望博主也去我那里坐一坐,虽然文章不是很好。

  10. clove说道:

    不错,写法新颖
    偷偷的学了

  11. 水滴泪说道:

    博主的人气好高啊,来踩踩,我的人气不是很高呢,博主是怎么做到的能教教我吗?
    我喜欢小说,电影,电视剧,音乐,动漫不知道博主喜欢不喜欢,您要是喜欢也来踩踩我的博客吧,(*^__^*) 嘻嘻……

  12. 肉夹馍说道:

    嘿嘿,我从来都是保留意见。

  13. 河北seo说道:

    嘿嘿,虽然不是很懂。

  14. 吵吵说道:

    expression 好的,我记住了,以后试试。

  15. 一阵风说道:

    没有学过CSS的说

  16. Demon说道:

    这个也是第一回听说。受教了。

  17. 厦门SEO说道:

    博主的文章真是赏心悦目啊,看得我眼花缭乱,真不赖啊~!

  18. 亲,你好,我忍不住给你留言了亲,希望也能去我那玩玩哦~!10

  19. 天边鱼说道:

    呵呵.. 早都不是什么秘密了.. 有段时间CSS挂马利用的就是这个

  20. 老衲说道:

    额 不懂这个

  21. pandao说道:

    这样写会有性能问题,而且Only IE,建议不要这样写。

发表评论

电子邮件地址不会被公开。 必填项已用*标注