仓酷云

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

[学习教程] JAVA编程:新奇有用的显现图片效果

[复制链接]
飘飘悠悠 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-18 11:54:25 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

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

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

x
而学习JAVA我觉得最应该避免的就是:只学习,不思考,只记忆,不实践!图片效果|显现Lightbox――新奇有用的显现图片效果
“Lightbox”是一一般致且易用的图片显现效果,它可使图片间接出现在以后页面之上而不必转到新的窗口。笔墨表述明显不敷了然,以是请先看一下Lightbox的演示页面。
怎样利用?
Lightbox能十分复杂地使用到您的页面上。起首将lightbox.js包括到您页面的header部分:
<scriptsrc="lightbox.js"type="text/javascript"></script>
将rel="lightbox"属性到场就任何有链接的标志内里用以激活Lightbox功效,比方:
<atitle="mycaption"href="http://www.163design.net/j/e/images/image-1.jpg"rel="lightbox">image#1</a>
大概您注重到了下面谁人例子中,当“翻开”图片时会看到图片上面有一段申明笔墨。这是由title属性把持的。title属性是一个可选项,也就是说您能够不写,固然最好仍是冗长的申明一下对照好。
如何定制?
可使用CSS来对“图片层”举行润色,在下面的谁人示例页面中,我们接纳了以下CSS代码:
#lightbox{
background-color:#eee;
padding:10px;
border-bottom:2pxsolid#666;
border-right:2pxsolid#666;
}
#lightboxDetails{
font-size:0.8em;
padding-top:0.4em;
}
#lightboxCaption{float:left;}
#keyboardMsg{float:right;}
#lightboximg{border:none;}
#overlayimg{border:none;}
想要发生暗影效果的话,必要筹办一张半通明的PNG图片和少量CSS。因为IE对PNG图形的糟撑持(它不撑持PNG通明)我们不能不针对它写更多的代码:
#overlay{background-image:url(http://www.163design.net/j/e/overlay.png);}
*html#overlay{
background-color:#000;
background-color:transparent;
background-image:url(blank.gif);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.163design.net/j/e/overlay.png",sizingMethod="scale");
}
lightbox.js有一句varloadingImage=loading.gif;它是用来把持图片完整加载之前的谁人“Loading...”效果的,你可使用任何来图片替换它。
一样的,varcloseButton=close.gif;用以把持“封闭”按钮的图片来历。
下载
lightbox.js-Javascript主文件
lightbox.css-“图片层”款式文件
http://www.163design.net/j/e/overlay.png-80%通明度PNG图片,用以完成暗影效果
loading.gif-“Loading”图片
close.gif-“封闭”按钮

再举这样一个例子:如果你想对一个数字取绝对值,你会怎么做呢?java的做法是intc=Math.abs(-166);而ruby的做法是:c=-166.abs。呵呵,这就看出了java与ruby的区别。
飘飘悠悠 该用户已被删除
沙发
 楼主| 发表于 2015-6-16 20:38:26 | 显示全部楼层
任职于太阳微系统的詹姆斯·高斯林等人于1990年代初开发Java语言的雏形,最初被命名为Oak,目标设置在家用电器等小型系统的程序语言
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-2 15:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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