仓酷云

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

[DIV+CSS] 来讲讲:网页殊效:CSS + JS 构建的图片检察器

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

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

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

x
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
CSS+JS构建的图片检察器
这是一个利用CSS+JS构建的浅易图片检察器,接纳缩略图点击检察年夜图,能够分离显现每张图片的形貌,年夜图显现地位接纳流动宽度和高度,超越部分埋没,点击年夜图可检察完整尺寸,兼容性:IE、Firefox、Opera。
JS部分
  1. 以下是援用片断:functionshowPic(whichpic){if(document.getElementById){document.getElementById(placeholder).src=whichpic.href;if(whichpic.title){document.getElementById(desc).childNodes[0].nodeValue=whichpic.title;}else{document.getElementById(desc).childNodes[0].nodeValue=whichpic.childNodes[0].nodeValue;}returnfalse;}else{returntrue;}}
复制代码
xhtml
  1. 以下是援用片断:<divid="album"><divid="pic"><ahref="第一张年夜图的地点"rel="lightbox"id="ShowLightBox"><imgsrc="第一张年夜图的地点"alt="点击检察完整尺寸"id="placeholder"/></a></div>
复制代码
</p>
一般来说还需要用Photoshop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。
admin 该用户已被删除
沙发
发表于 2015-1-18 06:38:48 | 只看该作者
AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。
透明 该用户已被删除
板凳
发表于 2015-1-25 11:10:00 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
变相怪杰 该用户已被删除
地板
发表于 2015-2-2 22:00:33 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
金色的骷髅 该用户已被删除
5#
发表于 2015-2-8 11:54:46 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
小魔女 该用户已被删除
6#
发表于 2015-2-25 14:19:11 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
谁可相欹 该用户已被删除
7#
发表于 2015-3-7 22:23:49 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
灵魂腐蚀 该用户已被删除
8#
发表于 2015-3-15 16:18:10 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
只想知道 该用户已被删除
9#
发表于 2015-3-22 03:06:54 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 03:45

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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