这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了如何在网站里使用 Sticker.js 实现贴纸效果,非常炫酷,推荐给大家
Sticker.js 是一个很小的 JavaScript 库,它允许您在网页中创建漂亮的贴纸效果。没有依赖关系 (不需要 jQuery),可以在大多数支持 CSS3 的主流浏览器工作。下面有简单的使用示例,更多功能等着你去发现。
使用示例:
html:
- <!-- dom elements -->
- <div class="sticker example-1">
- </div>
- <div class="sticker example-2">
- </div>
CSS:
- .sticker {
- width: 180px;
- height: 180px;
- }
- // add image
- .example-1 .sticker-img {
- background-image: url(heroes-2.png);
- }
- // add color
- .example-2 .sticker-img {
- background-color: #ff4a85;
- }
- // change shadow opacity
- .example-2 .sticker-shadow {
- opacity: 0.6;
- }
JavaScript:
- <!-- call sticker js -->
- Sticker.init('.sticker');
立即下载 在线演示
来源: http://www.phperz.com/article/17/0625/273063.html