sticker.js贴纸效果

http://stickerjs.cmiscm.com/

<div class="sticker gbtags"></div>
<!-- 引用Javascript类库:sticker.js //-->
<script type="text/javascript" src="http://www.gbtags.com/gb/networks/uploads/2430a6b1-ff6b-40a5-a69d-752df1b1f0f3/js/sticker.js"></script>
/*CSS代码片段*/
/*定义相关CSS*/
.sticker{
   width: 259px;
   height: 259px;
}
.gbtags .sticker-img{
   background: url(‘http://www.gbtags.com/gb/networks/uploads/2430a6b1-ff6b-40a5-a69d-752df1b1f0f3/image/logo.gif‘);
}
*Javascript代码片段*/

//javascript很简单,如下:

Sticker.init(‘.sticker‘);
时间: 2024-10-29 19:08:51

sticker.js贴纸效果的相关文章

js切换效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

简单但很实用的js手风琴效果

<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title></title>     <style> body,ul,li,.sfq,h3{     margin: 0;     padding: 0;     list-style: none; }   h3{       height: 30px;       width: 

非常不错的一个JS分页效果代码

这里分享一个不错的js分页代码. 代码中cpage是页面计数,应为全局变量,可以随处调用它: totalpage是总页数. 与asp分页代码很类似,也是先取得记录总数,然后实现分页,基本的分页思路与原理还是相通的,感兴趣的朋友做个参考吧. 例子,js分页效果代码. <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t

js 技巧 (十)广告JS代码效果大全 【1】

广告JS代码效果大全 1.[普通效果]     现在很多网站广告做的如火如荼,现在我就来介绍一下常见的对联浮动广告效果的代码使用方法,介绍的这种效果,在1024*768分辨率下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,下面就是实现效果所需代码: var delta=0.015 var collection;     function floaters() {     this.items = [];     this.addItem = function(

js 技巧 (十)广告JS代码效果大全 【3】

3.[允许关闭]     与前面两个代码不同的是,广告图下方增加了一个图片按纽,允许访客点击关闭广告图片,下面文本框中就是实现效果所需代码: var delta=0.015;     var collection;     var closeB=false;     function floaters() {     this.items = [];     this.addItem = function(id,x,y,content)     {     document.write('<DI

JS打字效果的动态菜单代码分享

这篇文章主要介绍了JS打字效果的动态菜单,推荐给大家,有需要的小伙伴可以参考下. 这是一款基于javascript实现的打字效果的动态菜单特效代码,分享给大家学习学习. 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式.为大家分享的JS打字效果的动态菜单代码如下 <html> <head> <title>JS打字效果的动态菜单</title> <meta http-equiv="imagetoolbar" content=&q

像歌词跟着声音走的JS文字效果

一个比较不错的文字显示特效,像MTV的歌词显示一样跟着演唱者慢慢逐个清淅显示,这段特效代码就实现了和这个功能差不多,而且JS代码非常少,兼容性好,点击运行看看效果吧! <html> <head> <title>石家庄花卉</title> </head> <body> <script language="JavaScript"> var message="像歌词显示一样JS文字效果!"

Sticker.js生成图片或者页面元素“速干贴”效果

?在线演示 本地下载 真实的效果,真的非常好玩!

three.js粒子效果(分别基于CPU&amp;GPU实现)

前段时间做了一个基于CPU和GPU对比的粒子效果丢在学习WebGL的群里,技术上没有多作讲解,有同学反馈看不太懂GPU版本,干脆开一篇文章,重点讲解基于GPU开发的版本. 一.概况 废话不多说,先丢上demo,用移动设备更能明显感觉性能差异. 维护粒子位移.颜色.尺寸:GPU版本  CPU版本 维护粒子位移:GPU版本  CPU版本 结论:同时需要维护多种粒子特征变化时,GPU有明显优势.只是维护粒子位移时,GPU版本稍流畅,但优势并不明显.当然,这还得具体到设备,一些中低端Android机器,