仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 890|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来看看:PDF、ZIP、DOC链接的标注

[复制链接]
乐观 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:14:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
偶然候我们但愿能明白的用小图标来标明我们的超链接的范例。是一个zip文档仍是一个pdf文件。如许会见者就晓得他所要点击的这个链接是下载而不是翻开另外一个页面了。假如一切的人都利用IE7大概FF的话。我们完整可使用[att$=val]属性选择器,寻觅以特定值(好比.zip和.doc)开头的属性。
a[href$=".pdf"]{padding-right:19px;background:url(pdf.gif)no-repeat100%.5em;}
a[href$=".zip"]{padding-right:17px;background:url(zip.gif)no-repeat100%.5em;}
不幸的是IE6以下扫瞄器不撑持属性选择器。幸亏,能够经由过程在每一个元素中增加类,利用JavaScript和DOM完成类似的效果。
上面给出了一个办理举措:
functionfileLinks(){
varfileLink;
if(document.getElementsByTagName(a)){
for(vari=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-repeat100%.5em;}
.docLink{padding-right:19px;background:url(doc.gif)no-repeat100%.5em;}
.zipLink{padding-right:17px;background:url(zip.gif)no-repeat100%.5em;}
效果
最初一点倡议,你的小图标不要太过夺目,这会分离扫瞄者的注重力

</p>
最新版本html5+css3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。
山那边是海 该用户已被删除
沙发
发表于 2015-1-18 05:47:18 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
精灵巫婆 该用户已被删除
板凳
发表于 2015-1-25 20:24:42 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
爱飞 该用户已被删除
地板
发表于 2015-2-4 00:09:00 | 只看该作者
可以使用 CSS 检查工具进行设计。
海妖 该用户已被删除
5#
发表于 2015-2-9 08:34:24 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
金色的骷髅 该用户已被删除
6#
发表于 2015-2-27 05:37:53 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
灵魂腐蚀 该用户已被删除
7#
发表于 2015-3-9 00:11:22 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
冷月葬花魂 该用户已被删除
8#
发表于 2015-3-16 21:38:58 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
谁可相欹 该用户已被删除
9#
发表于 2015-3-23 07:42:06 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 13:36

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表