时间:2021-05-08
原文:http://www.maratz.com/blog/archives/2005/01/13/pdf-links-labeling/
翻译:http://www.176so.com/past/2007/3/17/pdf_links_labeling/
css技巧之PDF、ZIP、DOC链接的标注
有时候我们希望能明确的用小图标来标明我们的超链接的类型。是一个zip文档还是一个pdf文件。这样访问者就知道他所要点击的这个链接是下载而不是打开另一个页面了。如果所有的人都使用IE7或者FF的话。我们完全可以使用[att$=val]属性选择器,寻找以特定值(比如.zip和.doc)结尾的属性。
a[href$=".pdf"] { padding-right: 19px; background: url(pdf.gif) no-repeat 100% .5em; }
a[href$=".zip"] { padding-right: 17px; background: url(zip.gif) no-repeat 100% .5em; }
不幸的是IE6以下浏览器不支持属性选择器。好在,可以通过在每个元素中添加类,使用JavaScript和DOM实现相似的效果。
下面给出了一个解决办法:
function fileLinks() {
var fileLink;
if (document.getElementsByTagName('a')) {
for (var i = 0; (fileLink = document.getElementsByTagName('a')[i]); i ) {
if (fileLink.href.indexOf('.pdf') != -1) {
fileLink.setAttribute('target', '_blank');
fileLink.className = 'pdfLink';
}
if (fileLink.href.indexOf('.doc') != -1) {
fileLink.setAttribute('target', '_blank');
fileLink.className = 'docLink';
}
if (fileLink.href.indexOf('.zip') != -1) {
fileLink.setAttribute('target', '_blank');
fileLink.className = 'zipLink';
}
}
}
}
window.onload = function() {
fileLinks();
}
当然,你需要在你的css文件中,增加这几个css类:
.pdfLink { padding-right: 19px; background: url(pdf.gif) no-repeat 100% .5em; }
.docLink { padding-right: 19px; background: url(doc.gif) no-repeat 100% .5em; }
.zipLink { padding-right: 17px; background: url(zip.gif) no-repeat 100% .5em; }
最后一点建议,你的小图标不要过分醒目,这会分散浏览者的注意力。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
pdf转成Word的DOC格式,或者Word的DOC格式转成pdf,是大家比较关心的问题。用Wps可以快速把Word文档转成pdf格式。那么怎么将WPS文字编辑
因为PDF的可阅读性和实用性,而被广泛应用。PDF格式是一种应用非常广泛的格式,与DOC的文档格式相比,PDF格式的阅读体验更好,而DOC可能更适合编辑。那么怎
本文实例讲述了C#编程读取文档Doc、Docx及Pdf内容的方法。分享给大家供大家参考。具体分析如下:Doc文档:MicrosoftWord14.0Object
迅捷PDF编辑器是一款专业的PDF编辑工具,迅捷pdf编辑器本身集成了大量PDF文本编辑功能,可对pdf文件内容进行添加、修改、绘图标注等操作,彻底解决了PDF
qq邮箱发pdf,需要把PDF通过压缩软件打包成zip文件,在qq邮箱以附件文件发送。另外,PDF版本一定要原版本的官方版本,如AdobeReaderXI。