文档标签: qianduan
瀑布流火过一些时间了,以前自己用的都是下的别人写好了的插件,用着到是还行!
近两天研究了一下瀑布流的原理同时也遇到了相关的问题记录下来也许还有用。
直接上源码:
html
[html]
<div id="container" data-id="0"></div>
<div class="loading">
<img src="loading.gif" />
</div>
[/html]
[js]
<script>
var site_url = 'http://dutuwang.net';//网站地址
var pagesize = 20;//每次加载的数据量
var columnWidth = 224;//块宽度
var gutterWidth = 15;//间隔
var pos = {left: 0, top: 0};
var dw ...
这个玩意说白了就是将jpg这种图片变透明!不知道我理解错误没有!详情请看下面的参数描述。
CCSprite有一个ccBlendFunc类型的blendFunc_结构体成员,可以用来设置描绘时的颜色混合方案。ccBlendFunc包含了一个src和一个dst,分别表示目标和源的运算因子。
如果我们对一个Sprite使用setBlendFunc方法,如:
[Sprite setBlendFunc:(ccBlendFunc){GL_ONE,GL_ZERO} ];
会以这个Sprite作为源,Sprite所在位置的其它像素作为目标,进行混合运算:
源的RGBA变量:Rs,Gs,Bs,As;
目标的RGBA: Rd,Gd,Bd,Ad;
源的各个运算因子: N_Rs,N_Gs,N_Bs,N_As;
目标的各个运算因子: N_Rd,N_Gd,N_Bd,N_Ad;
混合后的RGBA为:(Rs*N_Rs+ ...
最近手头有一个特效与定位相结合的功能,
先将事例地址发上来:http://xixi.adophper.com/team/.
看一下页面效果:三面都已经定位,只有内容那一块是活动的,点击左边部分滑动右边到相应的位置.
未解决前的问题:右边是滑动但总是滑动超过了对应的位置,百思不得其解!想了一下,如果是正常的页面是页面滑动至相应位置
现在的情况是相应的点滑动至相应位置,刚好正常情况反过来了!
其中我还想过用iframe来做的,但是考虑到工作量就放弃了,可能还是双腿解决这个问题吧!
因为本身点击的时候已经有用到jquery了,最后在百度是查到了相应的技术用animate来解决,
上源码分析:
[html]
<script>
var re = new RegExp('^'+site_url+'(.+)$');
$(function(){
$(".team_list a").click(function(e){
var a = $(this),
hash ...
游戏中经常需要将不同的场景放置到不同层级,//zOrder为数字,值越高显示越在上面 注:要同等级的 这里的this.layer
[html]
var MyScene = cc.Scene.extend({
layer: null,
ctor: function(){
this._super();
this.layer = cc.Layer.create();
this.addChild(this.layer);
//this.setKeyboardEnabled(true);
//this.setTouchEnabled(true);
var size = cc.Director.getInstance().getWinSize();
var bg = cc.Sprite.create(s_HelloWorld);
bg.setAnchorPoint(cc.p(0,0...
学习cocos2d-html5的朋友注意了,有一些比较概念性的东西需要大家去学习。
1, 导演(CCDirector)在cocos2d-html5引擎中,导演是游戏的领袖,导演运筹帷幄所有的场景、布景、精灵等。
2, 摄像机(CCCamera)细到每个节点都需要摄像机,例如节点发生放大、缩小、旋转等变化的时候,都需要继承摄像机,让其重新渲染。
3, 场景(CCScene)我们可以理解成拍电影的时候的一段剪辑,在游戏里面或许可以成为关卡,它是由场景、人物等组成。
4, 布景(CCLayer)在概念上理解,就是复杂的背景,不是简单的背景哦,是一种多种组合的结果,有时候精灵也可能变成布景。
5, 人物也就是精灵(CCSprite),比较好理解的概念主角、敌人、NPC等都是精灵。
6, 动作(CCAtion)可以理解成行为等,例如人物将要进行什么行为(动作)。
上面就是基本的关系图,可以参考一下。
在cocos2d-html5的Demo例子很值得大家参考,下面奉上图示:
这个是基本的结构图,框架目录:
...
最近一周在新浪的APP开发,做活动方面的网页。
发布微博并@好友参与抽奖,首先我们要在前端页面判断是否@了用户,用正则表达式解决。
看一下我现在用的正则检测@用户:
[js]
/@(([\u4E00-\u9FA5-a-zA-Z0-9_-]){2,})\s/g
[/js]
[html]
//php正则检测用户昵称并取出
preg_match_all("/@([[\x81-\xfe-\x40-\xfe-a-zA-Z0-9_-]{2,})\s+/i",$text,$matchs);//$text要检测的字符串
[/html]
新浪昵称是4到30位字符,这里很可能是中文昵称,我就只判断了至少两个字符,这里应该分开来判断!
后续的检测用户名字符数后面补上,这里要感谢公司郑同事的提醒!现在才知道自己在正则这块的基础有多差了。...
前几天在看《jquery基础教程》,看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的。
然后在一处看到live()已经被移除了,囧,然后去看了最新的jq源码,果然被移除了,现在是1.9.1版本,不知道live()是在之前哪个版本被移除的,惭愧啊,之前都没留意。
看源码发现bind()和delegate()都是由on()实现的。on()的描述如下:
.on( events [, selector ] [, data ], handler(eventObject) )
一个简单的事件绑定如 $('button').on('click',function(){}); 与bind()无二样。
在需要为较多的元素绑定事件的时候,优先考虑事件委托,可以带来性能上的好处。
注意到.on()的描述中第二个可选参数:selector
最后有一点,原先的live()方法,处理函数是默认绑定在document对象上不能变的,如果DOM嵌套结构很深,事件冒泡通过大量祖先元素会导致较...
首先看一下官方提出的方法:
移除编辑器后重新创建就可以,这是修改页面编辑器,
http://www.kindsoft.net/ke4/examples/multi-language.html
查看页面源码:
[html]
<script>
var editor;
KindEditor.ready(function(K) {
K('select[name=lang]').change(function() {
if (editor) {
editor.remove();
editor = null;
}
editor = K.create('textarea[name="content"]', {
langType : this.value
});
});
K('select[name=lang]').change();
});
</sc...
经常出现在id的排序东一个西一个,为了清晰有时是需要将主键重新排序的,三步搞定不用删除表!只需要三条语句!
Mysql数据库表的自增主键ID号乱了,需要重新排列。
原理:删除原有的自增ID,重新建立新的自增ID。
1,删除原有主键:
ALTER TABLE `table_name` DROP `id`;
2,添加新主键字段:
ALTER TABLE `table_name` ADD `id` MEDIUMINT( 8 ) NOT NULL FIRST;
3,设置新主键:
ALTER TABLE `table_name` MODIFY COLUMN `id` MEDIUMINT( 8 ) NOT NULL AUTO_INCREMENT,ADD PRIMARY KEY(id);...
在有些后台页面可能在一个页面要添加多个可视化编辑器,目前用得多就KINDEDITOR,如果在一个页面放置多个编辑器,多个编辑器会不会有冲突!带着这些疑问在kindeditor上查找相关的问题,最后在上面找到了一个关于解决一个页面放置多个编辑器的问题!
文章页面:主题: 一个页面放置2个kindeditor 编辑器的问题[已解决]
[html]
<script charset="utf-8" src="../editor/kindeditor.js"></script>
<script>
KE.show({
id : 'product_info_Detail',
imageUploadJson : '../../asp/upload_json.asp',
fileManagerJson : '../../asp/file_manager_...
前我们讲解了关于 js复制 的内容,但是可能出现一个错误:ie下innerHTML提示错误。
最近用innerHTML动态显示内容,用的比较郁闷。
在IE中总是提示未知的运行错误,刚开始还以为js写错了,最后发现是万恶的IE在执行innerHTML会检测用来显示的容器是否合适,不合适则提示错误。因为span等常用的标签都定义了样式,所有我自定义了一个标签,结果悲催了。。。
解决方法:
1.换一个容器标签试试。建议用span div这些表情,以为他们里面写什么都可以的了。
2.如果换了容器还不正确,那输出一下显示的内容看看,是不是有不完整的html标签,有则改之。
3.如果以上都没有问题,那么检查一下你的js吧。...
网站很多关于js复制的js方法,但是大多数是没办法实现浏览器兼容的!
这里推荐一jquery插件:zclip。
这里要提示一下:复制按钮最好使用div,还有:
[js]
$("#copy-button").zclip({
path: "js/ZeroClipboard.swf",
copy: function(){
return $(this).prev().val();
}
});
[/js]
这里必须放到按钮后面,我先是放在head里面,总是提示错误!
...
跟许多多态语言一样,js也有break,continue,return
面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字,那么关于这三个关键字的使用具体的操作是什么呢?我们在使用这三关键字的时候需要注意和需要理解的规则是什么呢?让我们开始介绍吧:
js编程语法之break语句:
break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。
由于它是用来退出循环或者switch语句,所以只有当它出现在这些语句时,这种形式的break语句才是合法的。
如果一个循环的终止条件非常复杂,那么使用break语句来实现某些条件比用一个循环表达式来表达所有的条件容易得多。
for(var i=1;i<=10;i++)
{
if(i==6)
{
break;
}
document.write(i);
}
当i=6的时候,直接退出for这个循环。这个循环将不再被执行!
//输...
155 条记录 4/
12 页
上一页 下一页 12345 下5页 最后一页