大家来看看这个功能是怎么实现的?

hqywork 2007-12-03 05:35:47
这个网站中上部有四个图片,在鼠标入上去时就能变,但其上还有文字。
如果光是画片能变,我知道用mouseover,mouseout就可以,但现在在画片上还有文字(不是放在画片中的那种),
大家帮我看看,谢谢了。网站是:http://live.chuguo.tv/hqywork
...全文
245 21 打赏 收藏 举报
写回复
21 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
WNASP 2007-12-05
这里不是美工啊!
  • 打赏
  • 举报
回复
qq22345111 2007-12-05
CSS的方法
  • 打赏
  • 举报
回复
shanshuiboy 2007-12-05
这不是交换图像吧?DW里就有!
  • 打赏
  • 举报
回复
shoushii 2007-12-04
CSS滤镜
  • 打赏
  • 举报
回复
hqywork 2007-12-04
不太明白,谁能帮帮我呀
  • 打赏
  • 举报
回复
icpal 2007-12-04
.net论坛里不要讨论这么简单的美工问题
不懂就研究下别人的源代码
很明显是div做的嘛
  • 打赏
  • 举报
回复
qawszx 2007-12-04
肯定是div的css起的作用
  • 打赏
  • 举报
回复
shagoo 2007-12-04
帮你分析网页了,接分:)


.index_block4{ position:relative; margin-top:1px; padding-top:15px; height:200px; background: url(../images/index-pic/block4-bg.gif) repeat-x; }
.index_block4 li{ float:left; margin-left:3px; width:188px; height:191px;}
.index_block4 li a{ display:block; width:188px; height:191px; text-indent:-7777px;}
.block4_1 a{ background: url(../images/index-pic/block1-1.jpg) no-repeat; }
.block4_1 a:hover{ background: url(../images/index-pic/block1.gif) no-repeat; }

.block4_2 a{ background: url(../images/index-pic/block2-1.jpg) no-repeat; }
.block4_2 a:hover{ background: url(../images/index-pic/block2.gif) no-repeat; }

.block4_3 a{ background: url(../images/index-pic/block3-1.jpg) no-repeat; }
.block4_3 a:hover{ background: url(../images/index-pic/block3.gif) no-repeat; }

.block4_4 a{ background: url(../images/index-pic/block4-1.jpg) no-repeat; }
.block4_4 a:hover{ background: url(../images/index-pic/block4.gif) no-repeat; }


这就是 那四块 变色 block 的 css ...
  • 打赏
  • 举报
回复
yjwang0621 2007-12-04
^_^
  • 打赏
  • 举报
回复
yixianggao 2007-12-04
To: only_endure

肯定是样式表作了手脚!
http://www.chuguo.tv/css/index.css

加上这些就好了!
<style type="text/css">
.video_bg{ float:left; position:relative; margin-left:3px; width:432px; height:350px; background: url(../images/index-pic/video-bg.gif) no-repeat;}
.video_title{ position:absolute; top:5px; left:40px;}
.video_pic{ position:absolute; width:420px; top:35px; left:22px;}
.video_pic li{ float:left; position:relative; margin-right:5px; margin-bottom:4px;}
</style>
  • 打赏
  • 举报
回复
一品梅 2007-12-04
如果是动态数据布局,恐怕不能这样应用了吧...
  • 打赏
  • 举报
回复
syc958 2007-12-04
TOOLLIP
  • 打赏
  • 举报
回复
一品梅 2007-12-04
呵呵,8楼的这样岂不要绝对定位???
  • 打赏
  • 举报
回复
一品梅 2007-12-04
学习.
  • 打赏
  • 举报
回复
qawszx 2007-12-04
div + css
  • 打赏
  • 举报
回复
yixianggao 2007-12-04
晕,居然没换行,俺手动格式化一下,L@_@K
<li onmouseover="show('show_title')" onmouseout="hide('show_title')">
<a href='http://www.chuguo.tv/LanguageLearn/TeacherTeamPage.aspx?Id=11'target='_blank'>
<img src='/Upload/images/ChuGuoIndex/bea5dea3-3c06-4f37-baeb-6e57dc5af513.gif' width='126' height='95' border='0' />
</a>
<div id='show_title' style='position: absolute; display: none; background-color: #fff;color: #0096ff; filter: alpha(Opacity=80); width: 126px; left: 0px; top: 0px;z-index: 100'>
汇通资深教师—唐冬青
</div>
</li>
  • 打赏
  • 举报
回复
yixianggao 2007-12-04
看源码,少废话,哈

很明显是js+div
<li onmouseover="show('show_title')" onmouseout="hide('show_title')"><a href='http://www.chuguo.tv/LanguageLearn/TeacherTeamPage.aspx?Id=11'target='_blank'><img src='/Upload/images/ChuGuoIndex/bea5dea3-3c06-4f37-baeb-6e57dc5af513.gif' width='126' height='95' border='0' /></a><div id='show_title' style='position: absolute; display: none; background-color: #fff;color: #0096ff; filter: alpha(Opacity=80); width: 126px; left: 0px; top: 0px;z-index: 100'>汇通资深教师—唐冬青</div></li>
  • 打赏
  • 举报
回复
曲滨_銘龘鶽 2007-12-03
这东西不用写 js 代码的 css 全搞定!
一定都被 DW 带的那个切变按钮给误导了!
  • 打赏
  • 举报
回复
曲滨_銘龘鶽 2007-12-03
不是什么 DIV 什么的
用 A 标签就可以实现因为 a 有鼠标移如移出的样式
A 标签用背景图、字就是那么写在里面的

那些块是 A 标签 display:block 的结果
然后再 a:hover 状态时改变背景图,和更换文字颜色


不懂自己看看 http://www.chuguo.tv/css/index.css

这种东西csdn 就有好多处
  • 打赏
  • 举报
回复
chenshuliang 2007-12-03
用div做的
  • 打赏
  • 举报
回复
加载更多回复
相关推荐
EMlog博客古典模板 更新日志: 1、移除侧边栏统计访问次数的功能,因为不准,时常会清零。 2、新增导航栏显示二级菜单功能,并把导航更改为汉堡模式,点击才出现。 3、公告栏和日志页标题下新增两个广告位,可以是任何类型广告。默认是一张图片占位的。 4、模板设置中新增PC端和手机端导航栏的手气不错关闭功能。 5、博客背景改为真善美三个字。 6、移除了捐赠功能,如需要请安装打赏插件即可。 7、新增手机端分享功能,PC端分享功能移动在文章结尾处。 8、移除底部随机图片,保留一张新增的荷花图片。 9、修正了一些细节。 EMlog博客古风大气模板简介 EMlog博客主题模板古风模板是一款高端大气、古典优雅的主题,采用html5 css3响应式、智能化设计,兼容IE8、9、10、11和各种现代浏览器。在手机、平板、PC上都能完美显示。官网不断更新,有更多横幅、图标和视频教程提供您下载。 EMlog博客古风大气模板运行环境: 1、基于emlog博客程序开发而成,使用前必先安装emlog博客程序。 2、安装完毕后,再上传博闻广记主题模板,然后安装“模板设置插件”方可使用。 EMlog博客古风大气模板全局功能: 1、31张顶部banner随机显示,都是本人精挑细选的美图,有风景、人文、CG等。 2、15张头像也是随机显示,在动态页面。 3、个性的鼠标样式,默认的是否看腻了? 4、侧边栏评论处头像也是随机显示的英雄人物。 5、5张底部大图随机显示。 6、侧边栏预设了优美动听的古风音乐,让你边阅读文章边陶醉不已。 EMlog博客古风大气模板其他功能: 一、响应式设计,兼容PC 手机。哪怕是在240×320的分辨率下效果也不错。 二、采用1200px宽度设计。抛弃N年前流行的960px设计,现在全球分辨率用的最多是1366、1440、1024、1920,所以我采用了前2种分辨率的中间宽度1200px,而1024下又是自适应宽度,所以不用担心1024。1200px阅读面积更宽,更大气。 三、纸质风格,良好阅读体验。博客正文默认采用16PX字体,阅读体验更加良好,字号有14px、16px、18px可供访客选择。背景为什么不用白色,白色黑字长久阅读会很累,白色是高光,反光度高,而用低光度的纸质背景对眼睛有适当的保护作用,长时间看不会觉得累。 四、网页元素都动起。加载了国外高手制作的CSS3动画库,可以让网页任何元素都动起,特别是文字。这样浏览者会发现你的网页比较有趣味,而且还能体现某些文字的重要性。 五、侧边栏美化。侧边栏用了黄金包边的宝石做标题,看起更美观。默认宽度为276px,分辨率在小于880px时自动隐藏。 六、鼠标指针动静结合,组合丰富。在IE浏览器下鼠标指针是动态的ani,而在其他浏览器下鼠标指针则是静态的,指针样式都不一样。如果你看腻了这些鼠标指针,images里面还有2个备选的供你使用。 七、扩展性强,模板素材多多。设计本模版,光按钮和捐赠就设计了好多个,最终都没采用,以下是演示。 八、丰富多彩的顶部、底部横幅,全部随机显示。边欣赏博文,边欣赏世界名胜风景。每次打开网站都会给你带新鲜的感觉。 九、双击网页空白区域自动滚屏。可以不用拉滚动条,让屏幕缓慢的滚动,慢慢阅读博文。 十、返回顶部不再单一。可以上、可以下。放在上下按钮上,屏幕自动滚屏。中间按钮点击一下滚动三分之一的屏幕,再点击一下再次滚动,不断点击可以快速浏览整个网站。進入内容也后,点击即可查看评论。 十一、JS控制GIF动画播放。如果你的页面GIF加载的太多,就可以用这个功能控制GIF不自动播放,点击再播放。 十二、在浏览器低于800分辨率下,顶部、底部横幅将不显示。在手机低分辨率下,页面的图标、按钮几乎和PC的显示有许多地方不一样。更干净、更容易操作、更方便。 一十三:视频、图片、框架都支持自适应,但必须按照模板使用文档的css格式写,不然无效,具体看模板使用文档。 一十四:分享、版权信息、二维码地址都集成在模板中了,你无需安装插件,更省心。 一十五:自定义侧边栏的许多样式都是现成的,你只要复制、粘贴html代码在你的后台侧边栏就行了。去看看 一十六:使用本模板,你不再需要手机版本了。因为本模板是响应式设计的,既是手机版,也是平板、笔记本、PC版。 EMlog博客古风大气模板页面展示 相关阅读 同类推荐:站长常用源码
EMlog博客主题模板古风模板是一款高端大气、古典优雅的主题,采用html5+css3响应式、智能化设计,兼容IE8、9、10、11和各种现代浏览器。在手机、平板、PC上都能完美显示。官网不断更新,有更多横幅、图标和视频教程提供您下载。 运行环境: 1、基于emlog博客程序开发而成,使用前必先安装emlog博客程序。 2、安装完毕后,再上传博闻广记主题模板,然后安装“模板设置插件”方可使用。 全局功能: 1、31张顶部banner随机显示,都是本人精挑细选的美图,有风景、人文、CG等。 2、15张头像也是随机显示,在动态页面。 3、个性的鼠标样式,默认的是否看腻了? 4、侧边栏评论处头像也是随机显示的英雄人物。 5、5张底部大图随机显示。 6、侧边栏预设了优美动听的古风音乐,让你边阅读文章边陶醉不已。 其他功能: 一、响应式设计,兼容PC+手机。哪怕是在240×320的分辨率下效果也不错。 二、采用1200px宽度设计。抛弃N年前流行的960px设计,现在全球分辨率用的最多是1366、1440、1024、1920,所以我采用了前2种分辨率的中间宽度1200px,而1024下又是自适应宽度,所以不用担心1024。1200px阅读面积更宽,更大气。 三、纸质风格,良好阅读体验。博客正文默认采用16PX字体,阅读体验更加良好,字号有14px、16px、18px可供访客选择。背景为什么不用白色,白色黑字长久阅读会很累,白色是高光,反光度高,而用低光度的纸质背景对眼睛有适当的保护作用,长时间看不会觉得累。 四、网页元素都动起。加载了国外高手制作的CSS3动画库,可以让网页任何元素都动起,特别是文字。这样浏览者会发现你的网页比较有趣味,而且还能体现某些文字的重要性。 五、侧边栏美化。侧边栏用了黄金包边的宝石做标题,看起更美观。默认宽度为276px,分辨率在小于880px时自动隐藏。 六、鼠标指针动静结合,组合丰富。在IE浏览器下鼠标指针是动态的ani,而在其他浏览器下鼠标指针则是静态的,指针样式都不一样。如果你看腻了这些鼠标指针,images里面还有2个备选的供你使用。 七、扩展性强,模板素材多多。设计本模版,光按钮和捐赠就设计了好多个,最终都没采用,以下是演示。 八、丰富多彩的顶部、底部横幅,全部随机显示。边欣赏博文,边欣赏世界名胜风景。每次打开网站都会给你带新鲜的感觉。 九、双击网页空白区域自动滚屏。可以不用拉滚动条,让屏幕缓慢的滚动,慢慢阅读博文。 十、返回顶部不再单一。可以上、可以下。放在上下按钮上,屏幕自动滚屏。中间按钮点击一下滚动三分之一的屏幕,再点击一下再次滚动,不断点击可以快速浏览整个网站。進入内容也后,点击即可查看评论。 十一、JS控制GIF动画播放。如果你的页面GIF加载的太多,就可以用这个功能控制GIF不自动播放,点击再播放。 十二、在浏览器低于800分辨率下,顶部、底部横幅将不显示。在手机低分辨率下,页面的图标、按钮几乎和PC的显示有许多地方不一样。更干净、更容易操作、更方便。 一十三:视频、图片、框架都支持自适应,但必须按照模板使用文档的css格式写,不然无效,具体看模板使用文档。 一十四:分享、版权信息、二维码地址都集成在模板中了,你无需安装插件,更省心。 一十五:自定义侧边栏的许多样式都是现成的,你只要复制、粘贴html代码在你的后台侧边栏就行了。去看看 一十六:使用本模板,你不再需要手机版本了。因为本模板是响应式设计的,既是手机版,也是平板、笔记本、PC版。
wordpress人文古风主题 更新日志: 1、更改日历旋转动画为更美观的。 2、移除底部随机图片,保留一张新增的荷花图片。 3、更改了背景的文字。 4、修正了PC端和手机端的分享功能,手机端可以分享了。 5、修改停留时间的显示样式。 6、一些细节的修改。 wordpress人文古风主题简介 博闻广记wordpress古风主题模板免费版是基于html5 css3制作的,她是一款高端大气、古典优雅的主题,采用响应式设计,两栏布局,上中下构造,兼容IE8、9、10、11和各种现代浏览器。她在手机、平板、PC上都有不错的显示效果,她还配有简单有趣的动画特效,让模板充满趣味。为了不单一,本人及网友还制作了多达百张的顶部banner、头像、图标素材提供您扩展使用。 如果你会网页技术,欢迎你進行二次、三次修改。模板虽然是免费的,但请保留我们的底部版权。你可以在“by 清萍剑客”后面加上你的大名。如果修改的不错也请发我邮件一份,为你推广。让我们把“博闻广记主题免费版”变得更好更美! wordpress人文古风主题运行环境与使用方法: 服务器环境要求:PHP 5.2.4或更新版本,MySQL 5.0或更新版本。 1、本主题是基于wordpress系统开发,使用前必先安装wordpress。 2、安装完毕后,再上传博闻广记主题模板方可使用。 wordpress人文古风主题全局功能: 1、31张顶部banner随机显示,都是本人精挑细选的美图,有风景、人文、CG等。 2、个性的鼠标样式,默认的是否看腻了? 3、5张底部大图随机显示。 4、有趣的动画特效。 5、侧边栏预设了优美动听的古风音乐,让你边阅读文章边陶醉不已。 wordpress人文古风主题基本功能: 1、首页、日志页、单页都有,边栏小工具有。 2、边栏预设了虾米音乐。可在后台修改未网易云、百度、虾米等音乐。 3、底部友情链接,带站标功能。 4、公告功能,模板设置中添加修改。 5、文章列表滚动出场动画功能。 6、404动画功能。 wordpress人文古风主题其他功能: 一、响应式设计,兼容PC 手机。哪怕是在240×320的分辨率下效果也不错。 二、采用1200px宽度设计。抛弃N年前流行的960px设计,现在全球分辨率用的最多是1366、1440、1024、1920,所以我采用了前2种分辨率的中间宽度1200px,而1024下又是自适应宽度,所以不用担心1024。1200px阅读面积更宽,更大气。 三、纸质风格,良好阅读体验。博客正文默认采用16PX字体,阅读体验更加良好,字号有14px、16px、18px可供访客选择。背景为什么不用白色,白色黑字长久阅读会很累,白色是高光,反光度高,而用低光度的纸质背景对眼睛有适当的保护作用,长时间看不会觉得累。 四、网页元素都动起。加载了国外高手制作的CSS3动画库,可以让网页任何元素都动起,特别是文字。这样浏览者会发现你的网页比较有趣味,而且还能体现某些文字的重要性。 五、侧边栏美化。侧边栏用了黄金包边的宝石做标题,看起更美观。默认宽度为276px,分辨率在小于880px时自动隐藏。 六、鼠标指针动静结合,组合丰富。在IE浏览器下鼠标指针是动态的ani,而在其他浏览器下鼠标指针则是静态的,指针样式都不一样。如果你看腻了这些鼠标指针,images里面还有2个备选的供你使用。 七、扩展性强,模板素材多多。设计本模版,光按钮和捐赠就设计了好多个,最终都没采用,以下是演示。 八、丰富多彩的顶部、底部横幅,全部随机显示。边欣赏博文,边欣赏世界名胜风景。每次打开网站都会给你带新鲜的感觉。 九、双击网页空白区域自动滚屏。可以不用拉滚动条,让屏幕缓慢的滚动,慢慢阅读博文。 十、返回顶部不再单一。可以上、可以下。放在上下按钮上,屏幕自动滚屏。中间按钮点击一下滚动三分之一的屏幕,再点击一下再次滚动,不断点击可以快速浏览整个网站。進入内容也后,点击即可查看评论。 十一、JS控制GIF动画播放。如果你的页面GIF加载的太多,就可以用这个功能控制GIF不自动播放,点击再播放。 十二、在浏览器低于800分辨率下,顶部、底部横幅将不显示。在手机低分辨率下,页面的图标、按钮几乎和PC的显示有许多地方不一样。更干净、更容易操作、更方便。 一十三:视频、图片、框架都支持自适应,但必须按照模板使用文档的css格式写,不然无效,具体看模板使用文档。 一十四:分享、版权信息、二维码地址都集成在模板中了,你无需安装插件,更省心。 一十五:自定义侧边栏的许多样式都是现成的,你只要复制、粘贴html代码在你的后台侧边栏就行了。去看看 一十六:使用本模板,你不再需要手机版本了。因为本模板是响应式设计的,既是手机版,也是平板、笔记本、PC版。 wordpress人文古风主题页面展示 相关阅读 同类推荐:站长常用源码
软件名称:光影魔术手 nEOiMAGING 简体中文版 0.28 软件版本:0.28版 软件大小:9.64M 软件类型:简体中文/国产软件/免费版 软件分类:图像处理 运行环境:Vista Win2003 WinXP Win2000 Win9X 插件情况: 无 联 系 人:neoimaging What's new: 0.28版: 《重大变化》 √ 增加了全新看图软件“光影看看”。看看这几大优点:操作更方便;更快速,连看大图也很快;幻灯效果更炫,还有美妙的背景音乐哦。 《功能更新》 √ 相册上传功能又升级了,这次新增了又拍网和新浪相册,这两个相册的老用户该开心了。还是那句话,更多相册还在不断增加中。 √ 增加了位于桌面右下角的托盘程序“光影精灵”,双击托盘图标即可开始使用光影;还支持活动壁纸,光影独创的“智能拉伸”和“智能居中”模式比其它所有壁纸软件都要厉害。。。 √ 给光影支持的图片文件换上了“光影”风格的图标。从今天起,做一个光影的粉丝。。。 软件简介: “nEO iMAGING”〖光影魔术手〗是一个对数码照片画质进行改善及效果处理的软件。简单、易用,不需要任何专业的图像技术,就可以制作出专业胶片摄影的色彩效果~ “nEO iMAGING”〖光影魔术手〗具备以下的基本功能和独特之处: √〖反转片效果〗模拟反转片的效果,令照片反差更鲜明,色彩更亮丽 √〖反转片负冲〗模拟反转负冲的效果,色彩诡异而新奇 √〖黑白效果〗模拟多类黑白胶片的效果,在反差、对比方面,和数码相片完全不同 √〖数码补光〗对曝光不足的部位进行后期补光,易用、智能,过渡自然 √〖数码减光〗对曝光过度的部位进行后期的细节追补,用于对付闪光过度、天空过曝等十分有效 √〖人像褪黄〗校正某些肤色偏黄的人像数码照片,一键操作,效果明显 √〖组合图制作〗可以把多张照片组合排列在一张照片中,适合网络卖家陈列商品 √〖高ISO去噪〗可以去除数码相机高ISO设置时照片中的红绿噪点,并且不影响照片锐度 √〖柔光镜〗模拟柔光镜片,给人像带朦胧美 √〖去红眼、去斑〗去除闪光灯引起的红眼;去除面部的斑点等 √〖人像美容〗人像磨皮的功能,使MM的皮肤象婴儿一样细腻白晰,不影响头发、眼睛的锐度 √〖影楼风格人像〗模仿现在很流行的影楼照片的风格,冷调、高光溢出、柔化 √〖包围曝光三合一〗把包围曝光拍摄产生的三张不同EV的照片轻易合成为一张高宽容度的照片 √〖冲印排版〗证件照片排版,一张6寸照片上最多排16张1寸身份证照片,一键完成,极为简便 √〖一指键白平衡〗修正数码照片的色彩偏差,还原自然色彩,可以手工微调--没有调不准的照片 √〖自动白平衡〗智能校正白平衡不准确的照片的色调 √〖严重白平衡错误校正〗对于偏色严重的照片纠正有特效,色彩溢出亦可追补 √〖褪色旧相〗模仿老照片的效果,色彩黯淡,怀旧情调 √〖黄色滤镜〗也是模仿老照片的效果,一种比较颓废的暖色色调 √〖负片效果〗模拟负片的高宽容度,增加相片的高光层次和暗部细节 √〖晚霞渲染〗对天空、朝霞晚霞类明暗跨度较大的相片有特效,色彩艳丽,过渡自然 √〖夜景抑噪〗对夜景、大面积暗部的相片进行抑噪处理,去噪效果显著,且不影响锐度 √〖死点测试〗对新购买的数码相机,帮助您测试CCD上有没有坏点 √〖死点修补〗对CCD上有死点的相机,一次设定以后,就可以修补它拍摄的所有照片上的死点,极方便有效 √〖自动曝光〗智能调整照片的曝光范围,令照片更迎合视觉欣赏 √〖红饱和衰减〗针对CCD对红色分辨率差的弱点设计,有效修补红色溢出的照片(如没有红色细节的红花) √〖LOMO〗模仿LOMO风格,四周颜色暗角,色调可调,方便易用 √〖变形校正〗对广角长焦拍摄引起的枕形、桶形畸变,可以轻松校正 √〖色阶、曲线、通道混合器〗多通道调整,操作同PS,高级用户可以随心所欲 √〖其他调整包括〗锐化、模糊、噪点、亮度、对比度、gamma调整、反色、去色、RGB色调调整等等 √〖其他操作包括〗任意缩放、自由旋转、裁剪 √〖自动动作〗可设置一系列动作,一按即自动完成所有操作 √〖批量处理〗支持批量缩放、批量正片等,适合大量冲印前处理 √〖文字签名〗用户可设定5个签名及背景,文字背景还可以任意设定颜色和透明度 √〖图片签名〗在照片的任意位置印上自己设计的水印,支持PNG、PSD等半透明格式的文件,水印随心所欲 √〖轻松边框〗轻松制作多种相片边框,如胶卷式、白边式等等 √〖花样边框〗兼容大部分photoWORKS边框,可选择220多种生动有趣的照片边框素材 √ 所有特效处理,用户可以自由调整参数,以获得满意的效果 √ 可以在照片的任意位置上打印EXIF信息内容(如拍摄
中译本序, 每当我们看到一个新的软件,第一反应会是:为什么又要发明一个新软件?ggplot2是R世界里相对还比较年轻的一个包,在它之前,官方R已经有自己的基础图形系统(graphics包)和网格图形系统(grid包),并且Deepayan Sarkar也开发了lattice包,看起R的世界对图形的支持已经足够强大了。那么我们不禁要问,为什么还要发明一套新的系统?, 设计理念, 打个比方,想想我们小时候怎样学中文的。最开始的时候我们要识字,不认识字就没法阅读和写作,但我们并不是一直按照一个个汉字学习的,而是通过句子和具体的场景故事学习的。为什么不在小学时背六年字典呢?那样可能认识所有的汉字。原因很简单,光有单字,我们不会说话,也无法阅读和写作。缺的是什么?答案是对文字的组织能力,或者说语法。, R的基础图形系统基本上是一个“纸笔模型”,即:一块画布摆在面前,你可以在这里画几个点,在那里画几条线,指哪儿画哪儿。后lattice包的出现稍微改善了这种情况,你可以说,我要画散点图或直方图,并且按照某个分类变量给图中的元素上色,此时数据才在画图中扮演了一定的中心角色,我们不用去想具体这个点要用什么颜色(颜色会根据变量自动生成)。然而,lattice继承了R语言的一个糟糕特征,就是参数设置铺天盖地,足以让人窒息,光是一份xyplot()函数的帮助文档,恐怕就够我们消磨一天时间了,更重要的是,lattice仍然面向特定的统计图形,像基础图形系统一样,有直方图、箱线图、条形图等等,它没有一套可以让数据分析者说话的语法。, 那么数据分析者是怎样说话的呢?他们从不会说这条线用#FE09BE颜色,那个点用三角形状,他们只会说,把图中的线用数据中的职业类型变量上色,或图中点的形状对应性别变量。有时候他们画了一幅散点图,但马上他们发现这幅图太拥挤,最好是能具体看一下里面不同收入阶层的特征,所以他们会说,把这幅图拆成七幅小图,每幅图对应一个收入阶层。然后发现散点图的趋势不明显,最好加上回归直线,看看回归模型反映的趋势是什么,或者发现图中离群点太多,最好做一下对数变换,减少大数值对图形的主导性。, 从始至终,数据分析者都在数据层面上思考问题,而不是拿着水彩笔和调色板在那里一笔一划作图,而计算机程序员则倾向于画点画线。Leland Wilkinson的著作在理论上改善了这种状况,他提出了一套图形语法,让我们在考虑如何构建一幅图形的时候不再陷在具体的图形元素里面,而是把图形拆分为一些互相独立并且可以自由组合的成分。这套语法提出之后他自己也做了一套软件,但显然这套软件没有被广泛采用;幸运的是,Hadley Wickham在R语言中把这套想法巧妙地实现了。, 为了说明这种语法的想法,我们考虑图形中的一个成分:坐标系。常见的坐标系有两种:笛卡尔坐标系和极坐标系。在语法中,它们属于一个成分,可自由拆卸替换。笛卡尔坐标系下的条形图实际上可以对应极坐标系下的饼图,因为条形图的高可以对应饼图的角度,本质上没什么区别。因此在ggplot2中,从一幅条形图过渡到饼图,只需要加极少量的代码,把坐标系换一下就可以了。如果我们用纸笔模型,则可以想象,这完全是不同的两幅图,一幅图里面要画的是矩形,另一幅图要画扇形。, 更多的细节在本书中会介绍,这里我们只是简略说明用语法画图对用纸笔画图说在思维上的优越性;前者是说话,后者是说字。, 发展历程, ggplot2是Hadley在爱荷华州立大学博士期间的作品,也是他博士论文的主题之一,实际上ggplot2还有个前身ggplot,但后废弃了,某种程度上这也是Hadley写软件的特征,熟悉他的人就知道这不是他第一个“2”版本的包了(还有reshape2)。带2的包和原的包在语法上会有很大的改动,基本上不兼容。尽管如此,他的R代码风格在R社区可谓独树一帜,尤其是他的代码结构很好,可读性很高,ggplot2是R代码抽象的一个杰作。读者若感兴趣,可以在GitHub网站上浏览他的包:https://github.com/hadley。在用法方面,ggplot2也开创了一种奇特而绝妙的语法,那就是加号:一幅图形从背后的设计说,是若干图形语法的叠加,从外在的代码看,也是若干R对象的相加。这一点精妙尽管只是ggplot2系统的很小一部分,但我个人认为没有任何程序语言可比拟,它对作为泛型函数的加号的扩展只能用两个字形容:绝了。, 至2013年2月26日,ggplot2的邮件列表(http://groups.google.com/group/ggplot2 )订阅成员已达3394人,邮件总数为15185封,已经成为一个丰富、活跃的用户社区。未ggplot2的发展也将越越依赖于用户的贡献,这也是很多开源软件最终的走向。, 关于版本更新, 原书面
发帖
.NET社区
加入

6.0w+

社区成员

.NET技术交流专区
社区管理员
  • ASP.NET
  • R小R
  • 喵叔哟
帖子事件
创建了帖子
2007-12-03 05:35
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。