《
css技巧之PDF、ZIP、DOC链接的标注》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333K2013.htm
var fileLink,CSS技巧 模块化编码;
}
css技巧之PDF、ZIP、DOC链接的标注
if (fileLink.href.indexOf('.pdf') != -1) {
fileLink.className = 'docLink';
当然,CSS找bug的口诀秘籍，你须要在你的css文件中，增添这多少个css类：
}
fileLink.setAttribute('target', '_blank');
a[href$=".pdf"] { padding-right: 19px; background: url(pdf.gif) no-repeat 100% .5em; }
}
css技巧之PDF、ZIP、DOC链接的标注,良多时候网站治理职员盼望可能使用小图标来表明a标志超链接的类型。比方用户想要辨别一个zip文 档还是pdf文件，假如标注好了，拜访者就晓得他要点击的链接是下载仍是翻开另一个页面。如果所有的人都应用IE6以上产品或者FF的话,CSS打造超炫进度条、柱状图。咱们都能够使用 [att$=val] 这个属性抉择器，以特定值来查找(好比.pdf跟rar)结尾的属性。
fileLink.setAttribute('target', '_blank');
惋惜的是中国ie6太多了，xp太胜利。而ie6以下包含ie6不支撑属性取舍器。然而我们可以通过在每个元素中增加类,从而使用dom和javascipt实现一些类似的后果。
.zipLink { padding-right: 17px,CSS打造经典鼠标触发显示选项; background: url(zip.gif) no-repeat 100% .5em; }
if (fileLink.href.indexOf(',css我们真的走的太远了吗.zip') != -1) {
.pdfLink { padding-right: 19px; background: url(pdf.gif) no-repeat 100% .5em; }
function fileLinks() {
window.onload = function() {
}
a[href$=".zip"] { padding-right: 17px,CSS必须要知道的10个技巧; background: url(zip.gif) no-repeat 100% .5em; }
}
fileLink.className = 'zipLink';
以下是引用片段：
以下是引用片段：
.docLink { padding-right: 19px; background: url(doc,CSS必知高级语法.gif) no-repeat 100% .5em,CSS强制TD不换行; }
for (var i = 0; (fileLink = document.getElementsByTagName('a')[i]); i++) {
if (document.getElementsByTagName('a')) {
if (fileLink.href.indexOf('.doc') != -1) {
}
fileLink.setAttribute('target', '_blank');
fileLink,CSS引用方式详解.className = 'pdfLink';
--> [
网站建设之]css技能之PDF、ZIP、DOC链接的标注
fileLinks();
}
Tag：链接 ,
CSS常见问题及解决办法; 技巧
下面给出了一个解决措施:
以下是援用片断：
(责任编辑：网站建设)
css技巧之PDF、ZIP、DOC链接的标注相关文章