月份: 2014-02

ime-mode:disabled (用css实现关闭文本框输入法)

css 之 ime-mode
语法:
ime-mode : auto | active | inactive | disabled
取值:
auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同
active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活ime
inactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤销激活ime
disabled : 完全禁用ime。对于有焦点的控件(如输入框),用户不可以激活ime
说明:
设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(ime)状态。
此属性对于 currentstyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 imemode 。
示例:
就是这样。所以当某个文本域不需要中文输入的时候,我们可以通过设置 ime-mode 属性值为 inactive 或者 disabled,减少错误的可能性。同样的我们可以设置那些需要中文输入的文本域的 ime-mode 属性值为 active。

通常C/S的业务系统,都会注意输入法的控制问题。开发基于B/S的业务系统,也一定会遇到同样问题,ime-mode相信可以帮上忙。不过 FireFox 并不支持这一样式单属性。
示例:

input {ime-mode: auto; }
<form name="form1" method="post" action="">
    <input type="text" name="textfield" style="ime-mode:disabled ">
</form>

伟大的灵魂都是雌雄同体

伟大的灵魂都是雌雄同体

先看两组追女孩时的常见对话 

对话1 
男:周末打算怎么过? 
女:在家休息。 
男:这么好的天气应该出门呀,我和朋友们正商量去郊游,听说xxx挺不错。 
女:那祝你们周末愉快了。 

对话2 
男:终于下班了,你在做什么? 
女:感冒了,刚从医院回家。 
男:最近是流感高发期,要多加小心,我们办公室不少同事也中招了,今天公司还给我们发口罩呢。 
女:没事的,谢谢关心。 
…… 

以上对话的结尾,“周末愉快”和“谢谢关心”是追女孩不顺时经常会遇到的回答,稍微有点儿情商的人都能体会到,一旦女孩说出这样的话,就好像主人要“端茶送客”一样,今天的会客就到此为止了。 

当我意识到这类口号式的语言有结束谈话的效果时,我曾经打算尽量不用在自己的朋友那里。可是有一次我正准备出门赴约,一个很久没有联系过的朋友突然在QQ上跟我打招呼,他兴致勃勃地讲起了自己的创业计划,我刚开始还挺有兴趣地听,并且问了些简单的问题,但他越讲越详细,话题越来越收不住,眼看时间来不及了,我打算结束谈话,可直觉告诉我如果此刻对他说我要迟到,恐怕会显得突兀,于是我试着不再说话,只用表情符号回复,但这样并没有抑制住他的表达欲,突然间我发现口号式的语言才是这种情况下最好的选择,于是我在他讲完又一段宏伟蓝图时及时插入一句“那就祝你成功了”,朋友的情商倒也不低,他立马回答:“嗯,但愿如此,有空再详聊吧。”于是我这才终于下线。 

这次经历让我有一个发现,那就是在交谈的时候,愿意聊天的人总喜欢把话题说得更具体,而不想聊天的人则会顺着话题的方向直接概括出结论,言下之意是“我已经都知道,你不用再多说。” 

在魔鬼约会学里,我们把概括化的语言模式称之为上堆,把具体化的语言模式称之为下切。上堆就像在对话中升起一个防护罩,拉开了你和对方之间的距离,而下切则能传达出更友好更信任的态度。 

需要强调的是,上堆并不一定是因为不愿交流,比如宅男面对自己的女神,内心虽然很想多聊,但由于过分紧张,说出来的话经常却是上堆的,结果导致交流冰冷生硬。所以更准确些说,上堆的原因应该是内心的不安全感。 

例子 

男:你下班后喜欢做什么? 
女:最近在学瑜伽。 
男:哦,瑜伽很好。(评价总结式的上堆) 

男:今天一起吃饭吗? 
女:要加班。 
男:哦,那改天再约。(解决问题式的上堆) 

反之,人在安全感高的时候表达往往都是下切的。比如有些阅历丰富的女孩,即使面对自己不喜欢的男人,她们也能从容不迫游刃有余的应付,如果仔细分析她们的语言模式,就会发现关键时刻她们说话都会带有下切。 

例子 

男:周末打算怎么过? 
女:在家休息。 
男:这么好的天气应该出门呀,我和朋友们正商量去郊游,听说xxx挺不错。 
女:太羡慕了(下切感受),可惜我还要收拾屋子(下切原因),祝你们周末愉快了。 

那么为什么人在安全感低的时候语言模式会上堆,而在安全感高的时候语言模式就会下切呢? 

因为上堆属于男性思维的一种,下切属于女性思维的一种,男性思维是人在低安全感(应激状态)时下意识会采用的思维方式,女性思维是人在高安全感(自然状态)时下意识会采用的思维方式。 

之所以把应激状态时的思维方式叫男性思维,是因为男人的生活多处于这种状态;之所以把自然状态的思维方式叫女性思维,是因为女人的生活多处于这种状态。但是,当女人处于应激状态的时候她也会使用男性思维(职场上咄咄逼人的女人);当男人处于自然状态的时候他也会使用女性思维。(酒桌上喋喋不休的男人) 

所谓应激状态通常都有一个明确目标,或是进攻或是防御,或是获取或是逃避。为了有效地完成任务,我们只关心跟目标相关的事物,并且尽量找出它们之间的因果关系,我们需要经常预测未来的走向,即使关注过去也是为了探寻动机以便进行推理。面对一个现象,我们会马上抽象出它与目标相关的特质,设想它的各种可能性,并且让自己做出相应选择。 

作为适合应激状态的男性思维,其语言模式具有如下特征:上堆、抽象概括、做出评价、解决问题、探求动机、预测未来、建立因果、推理总结、防御否定、目的优先、结果导向,以客观为标准。 

所谓自然状态则是一段与目的无关的过程,我们会关注情境中的每一件事物,收集它们的信息,但这样做并不是为了下一步,而是为了保持眼前的和谐。面对一个现象,我们会了解它的细节,以便把握它与整体环境的关系。我们也会关注过去,但那只是为了从以往的经验中获得参照来确认当下的状态。自然状态并非拒绝事物的发展和变化,只不过不去人为干涉而已。 

作为适合自然状态的女性思维,其语言模式具有如下特征:下切、具体细节、表达感受、描述问题、关注过去、对照眼前、罗列现象、就事论事、开放肯定、忘却目的、活在当下、以自我为标准。 

同样一个情境,对于有些人可能属于应激状态,对于另一些人却可能属于自然状态,这取决于当事者的生活经验与性格个性。我们既可以通过别人采用的语言模式来判断他们属于哪种状态,也可以通过主动选择语言模式向别人传递出我们处于哪种状态。 

以搭讪为例,搭讪对很多人都属于应激状态,所以那些缺乏经验的人往往会表现出典型的男性思维。 

例子1 
男:认识一下可以吗…… 
女:为什么呀? 
男:因为我们很有缘(抽象概括的男性思维)【或者,因为你很特别(做出评价的男性思维)】 

例子2 
男:留个电话可以吗? 
女:这样感觉好唐突…… 
男:人不都是从不认识到认识的吗?(防御否定的男性思维) 

例子3 
男:你在等人吗? 
女:在等我男朋友。 
男:那咱们可以做个普通朋友吗(解决问题的男性思维) 

例子4 
男:我想认识你 
女:可以呀 
男:那留个电话吧(目的优先的男性思维) 

接下来再看看有经验的人在搭讪时是如何使用女性思维来传递安全感的。 

例子1 
男:认识一下可以吗…… 
女:为什么呀? 
男:刚才在电梯旁看见你,突然觉得如果不过来跟你说句话的话我今天一定会后悔的。(具体细节的女性思维) 

例子2 
男:留个电话可以吗? 
女:这样感觉好唐突…… 
男:我也觉得有点儿唐突,但实在很想认识你,找不到其他办法了(表达感受的女性思维)

例子3 
男:你在等人吗? 
女:在等我男朋友。 
男:你男朋友真有福气,能让女朋友等着(就事论事的女性思维) 

例子4 
男:我想认识你 
女:可以呀 
男:我今天恰好路过这里买些东西,你也是专门来逛街的吗?(活在当下的女性思维) 
………… 

多数人在交谈时都是通过下意识选择语言模式,并且还很容易受到自己情绪的左右。比如一个单相思男士讲述他的失败邀约,如果只是陈述事实(事实就是:他发出邀请后女孩拒绝了),那么会很容易得出人家不喜欢他的结论,因此为了回避这个倒霉的认知、逃避负面的情绪,他会使用因果关系的男性思维语言模式(他会这样说:“因为上周我约她的时候,她说看看这周有没有时间,所以我昨天约她下班后一起吃饭,但她好像心情不太好,所以最后我只好放弃了。”)——因果关系的语句看似增加了行为的合理性,但可惜当事者只在那些符合自己愿望的事实之间去建立联系,人经常就是这样自己骗自己的。 

有这样一种习惯认识:就是遇到事情的时候男人比较理智而女人比较情绪化。从两性思维的角度来理解,所谓“遇到事情”就是处于应激状态,而所谓“情绪化”,就是本该用男性思维的去冷静分析客观现象的时候,却由于自己的情感惯性把注意力固着于个别事物上。这种情况在女性身上比较常见,但男性也不是没有,比如上面的单相思男,所以那种男人也会被认为“不男人”。

应激状态与自然状态既是我们应对外界的姿态,同时也决定着我们的心理状态,所以语言模式与心理状态也有着一定的相关性。 

拿缺乏经验的说谎者来说,比如被妻子盘问的出轨丈夫,掩盖真相的目的再加上紧张的心态,会让他们的语言模式呈现出明显的男性思维。 

妻子:昨晚干什么去了? 
丈夫:跟个朋友吃饭。(抽象概括的男性思维,如果是女性思维表达,会把那个朋友的信息讲得具体一些——“我跟我们部门的xxx一起去吃饭了”) 

妻子:真的吗? 
丈夫:骗你我天打雷轰。(转到未来的男性思维,如果是女性思维表达,会回到过去——“真的呀,我们昨晚在yyy吃的”) 

妻子:还敢撒谎,昨晚我就在yyy,根本没看到你! 
丈夫:你竟然这么不信任我!(探求动机、否定防御的男性思维,如果是女性思维表达,会进一步针对客观事实进行解释——“亲爱的,yyy最近新开了分店,你去的是哪家呢?”) 

需要强调的是,一个被冤枉的好人由于极度紧张会也会导致男性思维,而一个有经验的说谎者因为训练有素却可能会使用女性思维,所以我们并不能单凭语言模式就去断定真伪,语言模式只是我们了解说话者心理状态的一个途径。 

名人应对公关危机,同样可以看到语言模式跟心理状态的关系,比如当年韩寒被质疑代笔,在事件爆发的初期,赛车手是这样男性思维地—— 

寒:没有作家可以自证(上堆的男性思维) 
寒:如果代笔,我看不到孩子长大(因果关系+未来时) 
寒:他们就是想搞臭我(动机论) 

事后韩寒自己也承认当时的表现太冲动了,男性思维的应对方式给他带来了更多的麻烦。 

不仅名人如此,网民骂架的语言模式经常也有同样套路: 

——这个傻x(做出评价的男性思维) 

——有本事你去如何如何(因果关系+未来时,完整句式——如果你对,那么你应该如何如何。姊妹句是——如果我错,那么我将会如何如何。但由于这里描述的未来一般是不会发生的,所以——我没错&你不对) 

——一看就是为了炒作(动机论) 

如果一个人在网上经常这样发言,那么同样会泄露他的生活可能比较缺乏安全感。 

社会学有一派认为,群体心理也具有女性思维特征,应对公众就像应对女人。你看那些老练的政客个个都是下切高手,好莱坞电影经常让总统冒着生命危险去救条小狗。我一向觉得对泡妞最有启发的电影不是言情片而是政治片,外交辞令中经常会有极致的暧昧语言。 

在对付女性思维的对象时(女人或群体),男性思维也并非毫无用处,不过既然是应激状态的工具,就应该用在刀刃上。我个人十分喜欢的一部电影《福斯特对话尼克松》里有这样一场戏,记者福斯特现场采访尼克松,福斯特先声夺人地质问道:“你承认把美国带入深渊吗?”紧跟着就播放大段灾民流离失所的战地录像,按说如此下切的内容已经把总统钉死在案板上了,但老奸巨猾的尼克松一个出乎意料的上堆——“全都是我们的对手干的,这就是战争的残酷性。”,他把对画面解读完全引向了相反的方向,接着总统又是一个漂亮的下切,他说出了一大堆缴获敌军枪支武器的具体数字,最后再充满深情地讲了一个故事:“我在匹兹堡遇到一个断臂的退伍军人,他用剩下的一条胳膊握着我的手说,如果你们再早一点出兵,我弟弟就不会被那帮暴徒杀死了。”——就这样,政客用上堆下切的组合拳把记者打得落花流水。 

所以如果是使用男性思维,那么最好要具备鲜明的观点或者独特的视角,而那些人云亦云的道理或者显而易见的结论其实不讲也罢,但宅男跟女孩子的乏味聊天却往往都是在重复这个毛病。 

比如在找女孩要电话的时候,女孩问:“为什么要给你电话呀?” 即使同样做上堆式男性思维的回答,——“因为我不是坏人”就比较俗套,——“因为你不是坏人”则比较有趣。  

作为听话者,语言模式的最大用处是帮我们判断说话者的心理状态,但前提是对方并不打算刻意欺骗,所以这个方法尤其适用于男女关系的初期阶段。因为在没有厉害关系的交往初期,女人没必要对追求者口是心非,尽管她们也经常有话不直说,但那是因为你对她而言还不具备个体意义,你只是她某一种社交关系的成员之一,她要用对那一类人说话的方式对你说话。可是缺乏经验的追求者却往往由于错误定位自己在对方心目中的位置,而曲解女孩所说的话。所以在这种情况下,语言模式是我们进行理智判断的好帮手。 

例子 
女:不要再喜欢我了,喜欢我会让你受伤,我现在不想伤害任何人。 

听到追求的女孩这样对自己说话,很多男人的第一反应是表忠心的时刻到了,于是各种赴汤蹈火的豪言壮语外加故作轻松的俏皮话就奔涌而来。但是,还是先冷静地分析一下女神的语言模式: 
1,不要再喜欢我了(明确的指令) 
2,喜欢我会让你受伤(未来时+警告) 
3,我不想伤害任何人(上堆) 

显而易见全是男性思维,人家充其量是在跟你坦诚相待有话直说,千万不要以为女神是有苦难言,在用反语暗示你来英雄救美。。。这时候最合适的回应可以是:“好吧,我都听你的,你好好保重,等想伤害人的时候从我开始。” 

而作为说话者,恰当选择语言模式可以让我们在交流的时候发挥更好的效果。对此我的粗浅经验是:在没有冲突(或者灵感)的时候,多使用女性思维,至少可以气氛友好;在有冲突(或者灵感)的时候,要使用男性思维,这样才能确保优势(或者有趣)。 

最后总结一下:男性思维适合解决问题矛盾,女性思维适合处理人际关系。仔细观察生活,你会发现那些厉害的人物往往都能两种思维方式切换自如。西方有句谚语说:伟大的灵魂都是雌雄同体的(西方的表述方式很男性思维)。而咱们古老的东方智慧则是这样形容:男人上年纪后长老太太模样是福相(东方的表述方式很女性思维吧)。……不理解老祖宗的话什么意思吗?去天安门城楼下面往上瞧。 

后记: 

曾经有人问我,热恋中的情侣常常会说“让我们永远在一起吧!”,不知这个表达属于男性思维还是女性思维?经过了长时间的思考,我认为这依然属于男性思维,这句话同样暴露了害怕失去眼前美好的不安全感。因为曾经拥有,所以想要更多,这本质上也是一种贪婪,而贪婪正是男性思维的一种。 

追求更多更大更好,这一直都是男性社会的价值观。只有在宗教世界,我们才会听到相反的声音,不管财富还是名利,不论亲情还是爱情,珍惜眼前享受当下,平和地看着它来,平和地看着它去……这些智者的箴言,不正是女性思维的体现吗?

文/魔鬼咨询师 原题《下意识的语言模式》

Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值

jquery取radio单选按钮的值  

$("input[name='items']:checked").val();  
另:判断radio是否选中并取得选中的值 

如下所示: 
function checkradio(){ 
var item = $(":radio:checked"); 
var len=item.length; 
if(len>0){ 
  alert("yes--选中的值为:"+$(":radio:checked").val()); 
} 
} 




 jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关   

 获取一组radio被选中项的值   

 var item = $('input[name=items][checked]').val();   

 获取select被选中项的文本   

 var item = $("select[name=items] option[selected]").text();   

 select下拉框的第二个元素为当前选中值   

 $('#select_id')[0].selectedIndex = 1;   

 radio单选组的第二个元素为当前选中值   

 $('input[name=items]').get(1).checked = true;  

    
 获取值:  

  

 文本框,文本区域:$("#txt").attr("value");   

 多选框checkbox:$("#checkbox_id").attr("value");   

 单选组radio: $("input[type=radio][checked]").val();   

 下拉框select: $('#sel').val();  

    

 控制表单元素:   

 文本框,文本区域:$("#txt").attr("value",'');//清空内容   

$("#txt").attr("value",'11');//填充内容  

   
 多选框checkbox: $("#chk1").attr("checked",'');//不打勾   

 $("#chk2").attr("checked",true);//打勾   

 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾  

    

 单选组radio: $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项   

 下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项   

 $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option   

$("#sel").empty();//清空下拉框  

    

 刚开始接触jquery,很多东西不熟悉   

 在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值  

   

 后来终于在伟大的百度帮助下,找到了问题的原因:   

 $("")是一个jquery对象,而不是一个dom element  

    

 value是dom element的属性  

  

 jquery与之对应的是val  

   
 val() :获得第一个匹配元素的当前值。  

  

 val(val):设置每一个匹配元素的值。  

   

 所以,代码应该这样写:  

   
 取值:val = $("#id")[0].value;   
 赋值:  $("#id")[0].value = "new value";   

 或者$("#id").val("new value");  

   

 或者这样也可以:val = $("#id").attr("value"); 



jQuery中each非常好用,常用它取代javascript的for循环 

例如在一个function里有一个each,在each里某种条件 成立的话,就把这个function返回true或者false 

function methodone(){ 
.... 
$.each(array,function(){ 
if(条件成立){ 
return true; 
} 
}); 
.... 
} 

结果发现老是不对。 

后来查找资料才发现,在each代码块内不能使用break和continue,要实现break和continue的功能的话,要使用其它的方式 
break----用return false; 
continue --用return ture; 

所以当我在each里想使用return true给这个function返回时,其实只是让each继续执行而以 
连each都没有中断,所以function也就不能return了  

另:判断radio是否选中并取得选中的值 

如下所示: 
function checkradio(){ 
var item = $(":radio:checked"); 
var len=item.length; 
if(len>0){ 
  alert("yes--选中的值为:"+$(":radio:checked").val()); 
} 
} 

jquery+ajax+php创建无限滚动页面

jquery+ajax+php创建无限滚动页面

html文件:

<html>
	<head>
		<title>Endless Scroll</title>
		<style type="text/css">
			body{ font-family: "Trebuchet MS",verdana,arial;}
			#loading{ display:none; font-weight:bold;color:#FF0000;}
			p { padding:10px;}
		</style>
		
	</head>
	<body>
		<div id="container">
			<p>Test Paragraph 1</p>
			<p>Test Paragraph 2</p>
			<p>Test Paragraph 3</p>
		</div>
		<p id="loading">loading data... </p>
		<script type="text/javascript" src="../jquery.js"></script>
		<script type="text/javascript">
			$(document).ready(function()
			{
				$(window).scroll(loadData);
			});
			
			var counter = 0;
			function loadData()
			{
				if(counter < 5)
				{
					if  (isUserAtBottom())
					{
						getData();
					}
				}
			}
			function isUserAtBottom()
			{
				return ((($(document).height() - $(window).height()) - $(window).scrollTop()) <= 50) ? true : false;
			}
			function getData()
			{
				$(window).unbind('scroll');
				$('#loading').show();

				$.get(
				'data.php',
				{},
				function(response)
				{
					counter++;
					$('#loading').hide();
					$('#container').append(response);
					$(window).scroll(loadData);
				});
			}
		</script>
	</body>
</html>

data.php文件:

<?php sleep(2);
	echo '<p>This data has been <br/>loaded from server...</p>';
?>

jQuery animate解决动画闪烁问题

$("#menu").hover(function() {
    $("#menu").stop(true).animate({
        height: "500"
    },
    5000).animate({
        width: "500px"
    },
    5000);
},
function() {
    $("#menu").stop(true).animate({
        height: "100"
    },
    5000).animate({
        width: "100px"
    },
    5000);
});

在前端开发中用的较多的是jquery,之前遇到一个问题,一个下拉的jquery下拉菜单效果,hover上去,一直闪动,用 mouseovermouseout好好的,当时没搞定,今天逛论坛看到一个方法,可以行.只怪自己之前看jquery api的时候不是很仔细。
解决闪动 可以使用Stop()
stop([clearQueue],[jumpToEnd])
概述
停止所有在指定元素上正在运行的动画。
如果队列中有等待执行的动画(并且clearQueue没有设为true),他们将被马上执行
参数
[clearQueue],[gotoEnd] Boolean,BooleanV1.2clearQueue:如果设置成true,则清空队列。可以立即结束动画。
gotoEnd:让当前正在执行的动画立即完成,并且重设show和hide的原始样式,调用回调函数等。
[queue],[clearQueue],[jumpToEnd]BooleanV1.7queue:用来停止动画的队列名称
clearQueue:如果设置成true,则清空队列。可以立即结束动画。
jumpToEnd:如果设置成true,则完成队列。可以立即完成动画。
当鼠标移上去的时候就菜单下拉,当鼠标离开的时候菜单上卷,下拉和上卷的动画时间都是5秒种。

$("#menu").hover(function() {
    $("#menu").animate({
        height: "500"
    },
    5000);
},
function() {
    $("#menu").animate({
        height: "100"
    },
    5000);
});

如果我快速不断地将鼠标移入移出菜单(即,当菜单下拉动画未完成时,鼠标又移出了菜单)就会产生“动画积累”,当鼠标停止移动后,积累的动画还会持续执行,直到动画序列执行完毕。这样导致动画效果与鼠标动作不一致。
要解决此问题只需要在移入移出动画之前加入stop(),结束当前动画进入下个动画即可。
代码如下:

$("#menu").hover(function() {
    $("#menu").stop().animate({
        height: "500"
    },
    5000);
},
function() {
    $("#menu").stop().animate({
        height: "100"
    },
    5000);
});

如果需到组合动画,在移入移出动画之前加入stop()来停止当前动画,如下

$("#menu").hover(function() {
    $("#menu").stop().animate({
        height: "500"
    },
    5000).animate({
        width: "500px"
    },
    3000);
},
function() {
    $("#menu").stop().animate({
        height: "100"
    },
    5000).animate({
        width: "100px"
    },
    3000);
});

效果并不好,因为stop()只是停止了当前第一步的动画(即{height:”500″}),然后又进入了第二步的动画(即[width:”500″})。
此时stop()的第一个参数就派上了用场,它会把下面没有执行的动画序列都清空掉。

当然也可以使用第二个参数,让动画达到最后状态。如:stop(false,true)

微信分享通用组件

微信分享通用组件,用于微信浏览器内浏览网页的分享信息定义。
一、可定义的信息
1、分享时显示的LOGO;
2、分享LOGO的宽度;
3、分享LOGO的高度;
4、分享出去显示的标题(默认调用网页标题);
5、分享出去显示的描述(默认调用网页标题);
6、分享链接(默认为当前页面的URL)。
7、分享微信的APPID(一般为空)。

二、使用方法

1、引入微信分享组件js:

/*******************************
 * Author:Mr.Think
 * Description:微信分享通用代码
 * 使用方法:_WXShare('分享显示的LOGO','LOGO宽度','LOGO高度','分享标题','分享描述','分享链接','微信APPID(一般不用填)');
 *******************************/
function _WXShare(img,width,height,title,desc,url,appid){
    //初始化参数
    img=img||'http://a.zhixun.in/plug/img/ico-share.png';
    width=width||100;
    height=height||100;
    title=title||document.title;
    desc=desc||document.title;
    url=url||document.location.href;
    appid=appid||'';
    //微信内置方法
    function _ShareFriend() {
        WeixinJSBridge.invoke('sendAppMessage',{
              'appid': appid,
              'img_url': img,
              'img_width': width,
              'img_height': height,
              'link': url,
              'desc': desc,
              'title': title
              }, function(res){
                _report('send_msg', res.err_msg);
          })
    }
    function _ShareTL() {
        WeixinJSBridge.invoke('shareTimeline',{
              'img_url': img,
              'img_width': width,
              'img_height': height,
              'link': url,
              'desc': desc,
              'title': title
              }, function(res) {
              _report('timeline', res.err_msg);
              });
    }
    function _ShareWB() {
        WeixinJSBridge.invoke('shareWeibo',{
              'content': desc,
              'url': url,
              }, function(res) {
              _report('weibo', res.err_msg);
              });
    }
    // 当微信内置浏览器初始化后会触发WeixinJSBridgeReady事件。
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            // 发送给好友
            WeixinJSBridge.on('menu:share:appmessage', function(argv){
                _ShareFriend();
          });

            // 分享到朋友圈
            WeixinJSBridge.on('menu:share:timeline', function(argv){
                _ShareTL();
                });

            // 分享到微博
            WeixinJSBridge.on('menu:share:weibo', function(argv){
                _ShareWB();
           });
    }, false);
}

2、在页面底部或共用js中,初始化执行:

_WXShare('分享显示的LOGO','LOGO宽度','LOGO高度','分享标题','分享描述','分享链接','微信APPID(一般不用填)');

可通过动态定义【分享链接】,实现每次分享出去的链接不同;

zTouch-移动端触屏开发利器(zepto touch扩展)

* Zepto.js v1.0.1 touch extend (Zepto.js v1.0.1 的swipe touch扩展)js-处理手机移动端web触屏手势动作。
Zepto.js v1.0.1版本的touch.js模块引入使用后会导致页面很卡的情况,所以开发了一个新的扩展插件来替换其touch.js。已经过Android/ios测试。

github
* zTouch特点:

    zTouch.js只包含核心功能函数,不包含任何效果,简洁轻巧;
    提供丰富的回调参数,可由用户自定义扩展效果(可参考Demo);
    支持多种回调函数,方便及时监控及事件处理(实例化前/后回调,touch start/move/end回调);
    支持用户自定义手势标准定义(X-Y轴滑动限定,角度限定);
    支持BOX边界检测,touch超出边界后自动停止回调操作;
    提供内部属性设置接口,可在内部tPoint中加入用户自定义属性;
    支持手势横向滑动,同时保证浏览器纵向正常滑动;
    不会阻止BOX内的其它绑定事件(onclick等);
    支持多点触摸监控(缩放,旋转);

由于手机浏览器会阻止JS对gesture手势事件的监听zTouch.js中对gesture监听接口虽然可以调用,但无法实现手势操作(Android设备测试,IOS设备应该支持)。我们会在后续进行多点touch事件模拟解决。 (最新版zTouch已经去除对gesture事件的监听方法,采用e.touches对多点触摸进行监控,支持两点监控的缩放和旋转操作)
github
zTouch.js中为事件监听的核心文件。所有的特殊效果可以在回调函数进行个性化定制。
* 主要提供以下回调函数:

beforeCallback (实例化之前触发的回调函数),
sCallback (start callback,touchstart时触发的回调函数),
mCallback (move callback,touchmove时触发的回调函数),
eCallback (end callback,touchend时触发的回调函数)
afterCallback (实例化之后触发的回调函数),
* 回调函数中会传入touch事件相关回调参数:

self:实例化的BOX,
startX:触点起始X,
startY:触点起始Y,
bL:(Box Left) 相对于文档的left偏移,
bT:(Box Top)相对于文档的top偏移,
bW:(Box Width)BOX的宽度,
bH:(Box Height)BOX的高度,
bRb:(Box Right Border)BOX的右边界,
bBb:(Box Bottom Border)BOX的下边界,
endX:触点结束X;
endY:触点结束Y;
mX:(move x distance)X方向滑动距离;
mY:(move y distance)Y方向滑动距离;
direction:手势滑动方向(left/right/false);
angle:单点手势滑动角度;
duration:手势持续时间;
vendor:浏览器前缀(-moz/-webkit/-o/-ms);

tPoint.multiTouch:是否多点触摸(touchmove时可监控);
tPoint.gStartDis:(gisture start distance)手势起始距离;
tPoint.gEndDis:(gisture end distance)手势结束距离;
tPoint.scale:手势缩放比例;
tPoint.rotation:手势旋转角度;
* 同时在外部回调函数中提供修改内部tPoint数据的接口:

tPoint.setAttr(name,value);

* 调用方法:

<script type="text/javascript">
//传入args初始化参数对象
args={
    iniL:30,//X方向滑动的最小距离
    iniT:50,//Y方向滑动的最大距离
    eCallback:function(tPoint){
        switch(tPoint.direction){
            case "left":
                alert("left");
                break;
            case "right":
                alert("right");
        }
    }
}
$("body").Swipe(args); 
</script>

* 项目地址:

http://chinatjnet.github.io/zTouch/
* Github地址:

https://github.com/chinatjnet/zTouch/
* 演示地址:

http://chinatjnet.github.io/zTouch/demo.html
二维码:

原文地址:http://blog.baiwand.com/?post=207

JavaScript 图片放大镜插件 enlarge.js 以及移动版 enlarge.touch.js

这两个插件,一个是 jQuery 版本,适合鼠标使用的,另一个是原生 JavaScript 制作,适合触摸屏使用(touch 事件)。都适合在一些商城类、产品类的网页中使用。希望大家会喜欢。

Enlarge.js
Enlarge.js 是一个基于 jQuery 的插件,可以非常方便地实现图放大镜的效果,适用于大多数商品类网站,例如在线商城、电子商务、企业产品介绍等。

更多介绍及下载:http://www.abelcode.com/enlarge/ 

EnlargeTouch.js
EnlargeTouch.js 是 Enlarge 插件面向触摸屏使用的版本,它原生基于 JavaScript 实现,无需依赖第三方类库,可方便部署于移动版的网站或客户端,节省流量,同时为网站提升用户体验。

更多介绍及下载:http://www.abelcode.com/enlarge-touch/ 

微擎 数据库函数调试开开关define(‘PDO_DEBUG’, false);

微擎 数据库函数调试开开关

微擎根目录下:\source\function\pdo.func.php 文件。

define('PDO_DEBUG', false);// true false 开启错误提示否?

详细如下:

<?php
/**
 * Pdo操作
 *
 * [WeEngine System] Copyright (c) 2013 WE7.CC
 */
defined('IN_IA') or exit('Access Denied');
define('PDO_DEBUG', false);// true false 开启错误提示否?

phpmyadmin导入超大sql文件的方法

phpmyadmin备份下来的SQL文件有50多M,但是phpmyadmin不支持超过24M的sql文件导入。另外文件过大,通常web上传文件大小也有限制,从本地浏览上传导入,容易中断失败,有没有更好的方法呢?

如果你有服务器操作权限,你就可以先把sql上传到服务器上,因为phpmyadmin支持从服务器端读取sql文件然后导入。

可以先将超大的SQL文件先传到你的phpmyadmin文件夹内,然后按以下方法设置

在phpmyadmin中导入很大很大的数据
找到config.inc.php
编辑它

$cfg[‘UploadDir’] = ‘你指定的文件夹路径‘;

例如:

/*
 * Directories for saving/loading files from server
 */
$cfg['UploadDir'] = 'UploadDir';
$cfg['SaveDir'] = '';

然后在phpmyadmin新建这个目录UploadDir
将sql放进来
然后你再选择导入的时候就会有个选项了
然后你选择导入
我测试过.没问题
如果没找到config.inc.php
那就找config.inc.***.php
然后将这个文件修改成config.inc.php

window resize和scroll事件的基本优化

同事在项目中使用scroll事件去加载数据,结果IE下悲剧了。给了一个简单优化方法,效果明显。
只要用户改变窗口大小,会对内部一些元素大小重新计算,可能导致整个页面重新渲染,最终导致大量消耗 CPU。比如调用 resize 方法,用户改变窗口大小时会不停的被触发, 低版本的IE 会可能陷入假死状态。window的scroll事件也是如此,鼠标滚动或拖动滚动条,就会不停的触发scroll事件,如果处理的东西多,低版本的IE也会陷入假死状态。
基本的优化思路:在一定的时间之内,只执行一次resize事件函数。

var resizeTimer = null;
$(window).on('resize', function () {
        if (resizeTimer) {
            clearTimeout(resizeTimer)
        }
        resizeTimer = setTimeout(function(){
            console.log("window resize");
        }, 400);
    }
);

scroll事件优化同理。

设置Sublime Text 3的光标样式

昨天手贱,升级了Sublime Text 3,结果光标变成了这个样子,非常不习惯:

查了一下http://www.sublimetext.com/3,Build 3059中得描述:

Added settings caret_extra_top, caret_extra_bottom and caret_extra_width to control the caret size

意思是增加了caret_extra_top caret_extra_bottom caret_extra_width 这三个设置来控制光标尺寸;

caret_extra_top 超出光标上方的额外距离
caret_extra_bottom 超出光标下方的额外距离
caret_extra_width 超出光标宽度

设置的方法很简单 打开 sublime text–>refrences–>settings-user,在配置中加上这三个键/值对。

中文 打开  sublime text  菜单->首选项 -> 设置-用户

我自己测试了,基本算改回来了,嘎嘎

{
    "caret_extra_top": 1,
    "caret_extra_bottom": 1,
    "caret_extra_width": 1
}

文章位置:\Sublime Text 3\Data\Packages\User\目录下 的 Preferences.sublime-settings 文件

php读取文件 更改文件名后提供下载

$filename = dirname(__FILE__).'/oldfilename.exe';
$out_filename = 'newfilename.exe';
if (!file_exists($filename)) {
    echo 'Not Found'.$filename;
    exit;
} else {
    // We'll be outputting a file
    @header('Accept-Ranges: bytes');@header('Accept-Length: '.filesize($filename));
    // It will be called
    @header('Content-Transfer-Encoding: binary');@header('Content-type: application/octet-stream');@header('Content-Disposition: attachment; filename='.$out_filename);@header('Content-Type: application/octet-stream; name='.$out_filename);
    // The source is in filename
    $file = @fopen($filename, "r");
    echo@fread($file, @filesize($filename));@fclose($file);
    exit;
}

jquery highcharts图表库支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表

Highcharts是一个制作图表的纯Javascript类库,主要特性如下:

  • 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
  • 对个人用户完全免费;
  • 纯JS,无BS;
  • 支持大部分的图表类型:直线图曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;
  • 跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;
  • 提示功能:鼠标移动到图表的某一点上有提示信息;
  • 放大功能:选中图表部分放大,近距离观察图表;
  • 易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
  • 时间轴:可以精确到毫秒;

利用jquery Highcharts网页图表插件绘制直线图例子:

下载地址:http://pan.baidu.com/s/1jG8z4FW

官方网站:http://www.highcharts.com/

RunJS 查看在线演示:http://runjs.cn/code/ih5xzoeb

bumpyText让文字跳舞的Jquery插件

bumpyText让文字跳舞的Jquery插件
鼠标移动到文字边上,文字自动跳动
jquery文字跳舞鼠标滑过段落文字波浪线条跳动

<!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-Type" content="text/html; charset=utf-8" />
<title>bumpyText让文字跳舞的Jquery插件 Demo</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="js/easying.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('.text-flash').bumpyText();
});
</script>
</head>
<body>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{background:#2a2b2d;font:14px/1.3 'Microsoft Yahei','宋体';color:#999;}
.text-flash{width:720px;margin:20px auto 0 auto;text-align:center;font-weight:400;}
/* 必要样式 */
.bumpy-char{line-height:3.4em;position:relative;}
</style>
<h2 class="text-flash">鼠标移动到文字边上,文字自动跳动</h2>
</body>
</html>

下载地址:http://pan.baidu.com/s/1kTjvbyn

jQuery日期插件 Prettydate

Prettydate 是一个 jQuery 用来显示日期格式的插件,他的日期格式不同与传统格式。
例如 刚刚 ,昨天,1分钟前,1小时前

在线演示:http://jquery.bassistance.de/prettydate/demo/
示例代码:

$.prettyDate.messages = {
    now: "gerade eben",
    minute: "vor einer Minute",
    minutes: $.prettyDate.template("vor {0} Minuten"),
    hour: "vor einer Stunde",
    hours: $.prettyDate.template("vor {0} Stunden"),
    yesterday: "Gestern",
    days: $.prettyDate.template("vor {0} Tagen"),
    weeks: $.prettyDate.template("vor {0} Wochen")
}

官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-prettydate/
下载地址:https://github.com/jzaefferer/jquery-prettydate

JS产生随机数的几个用法!

JS产生随机数常用到一下几个函数:

1. Math.random(); 结果为0-1间的一个随机数(包括0,不包括1)
2. Math.floor(num); 参数num为一个数值,函数结果为num的整数部分。
3. Math.round(num); 参数num为一个数值,函数结果为num四舍五入后的整数。

Math:数学对象,提供对数据的数学计算。
Math.random(); 返回0和1间(包括0,不包括1)的一个随机数。

Math.ceil(n); 返回大于等于n的最小整数。
用Math.ceil(Math.random()*10);时,主要获取1到10的随机整数,取0的几率极小。

Math.round(n); 返回n四舍五入后整数的值。
用Math.round(Math.random());可均衡获取0到1的随机整数。
用Math.round(Math.random()*10);时,可基本均衡获取0到10的随机整数,其中获取最小值0和最大值10的几率少一半。

Math.floor(n); 返回小于等于n的最大整数。

用Math.floor(Math.random()*10);时,可均衡获取0到9的随机整数。

生成 一个 1~10(min~max)之间的数

<script>   
function GetRandomNum(Min, Max) {
    var Range = Max - Min;
    var Rand = Math.random();
    return (Min + Math.round(Rand * Range));
}
var num = GetRandomNum(1, 10);
alert(num); 
</script>

生成五位随机数

<script>   
var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];

function generateMixed(n) {
     var res = "";
     for(var i = 0; i < n ; i ++) {
         var id = Math.ceil(Math.random()*35);
         res += chars[id];
     }
     return res;
} 
/* 生成五位随机数*/ 
alert(generateMixed(5)); 
</script>

FusionCharts参数说明 – 3D饼图属性 – Pie3D.swf

animation 是否显示加载图表时的动画
palette 内置的图表样式,共5个
paletteColors 自定义图表元素颜色(为多个,如过过少会重复)
showAboutMenuItem 右键是否显示”关于FusionCharts”
aboutMenuItemLabel 右键关于自定义文字
aboutMenuItemLink 右键关于自定义链接(FusionCharts链接格式)
showZeroPies 是否显示0值的饼
showPercentValues labels上是否显示百分数
showPercentInToolTip tip上是否显示百分数
showLabels 是否显示Label
manageLabelOverflow 当Label溢出时进行自动管理
useEllipsesWhenOverflow 当Label溢出时候使用…
showValues 是否显示值
labelSepChar label上的分隔符
defaultAnimation 是否关闭默认动画一开始自定义动画
clickURL 整个图表的点击的url

标题
caption 主标题
subCaption 副标题

图表的装饰
showBorder 显示边框
borderColor 边框颜色
borderThickness 边框粗细
borderAlpha 边框透明度
bgColor 背景颜色
bgAlpha 背景透明度
bgRatio 背景比例
bgAngle 背景角度
bgSWF 背景flash地址可以是图片地址
bgSWFAlpha 背景flash的透明度
showVLineLabelBorder
logoURL log地址
logoPosition log位置
logoAlpha log透明度
logoScale log比例
logoLink log链接

元素的装饰
showPlotBorder 每一片的边框
plotBorderColor 每一片的边框颜色
plotBorderThickness 每一片的边框粗细
plotBorderAlpha 每一片的边框透明度
plotFillAlpha 每一片的边框填充透明度
use3DLighting 3d光效果

饼/圈专有属性
slicingDistance 当点击图表的时候这一片饼离开中心点的距离
pieRadius 饼的外半径
startingAngle 起始角度
enableRotation 开启旋转
pieInnerFaceAlpha 图表里面的透明度
pieOuterFaceAlpha 图表外面的透明度
pieYScale 饼立起来的角度,角度越大看到的面积越大.
pieSliceDepth 图表的厚度
标明线 & Labels (label和图表元素之间的线)
enableSmartLabels 是否开启标明显
skipOverlapLabels 跳过重复标签
isSmartLineSlanted 标明线方式(倾斜或直)
smartLineColor 标明线颜色
smartLineThickness 标明线粗细
smartLineAlpha 标明线透明度
labelDistance
smartLabelClearance 标明线长度

数字
formatNumber 逗号来分隔数字(千位,百万位),默认为1(True);若取0,则不加分隔符
formatNumberScale 是否格式化数字,默认为1(True),自动的给你的数字加上K(千)或M(百万);若取0,则不加K或M
defaultNumberScale 默认数量级
numberScaleUnit
numberScaleValue
numberPrefix 数字前缀
numberSuffix 数字后缀
decimalSeparator 小数分隔符
thousandSeparator 千位分割符
inDecimalSeparator 在十进位分割符
inThousandSeparator 在千位分割符
decimals 小数
forceDecimals 是否用0填充以至满足要保留的小数位

字体
baseFont 基本字体
baseFontSize 基本字号
baseFontColor 基本字颜色
Tool-tip
showToolTip 是否显示提示
toolTipBgColor 提示背景色
toolTipBorderColor 提示边框色
toolTipSepChar 提示分隔符
showToolTipShadow 是否显示提示Tool-tip阴影

边距
captionPadding 标题内边距
chartLeftMargin 图表左外边距
chartRightMargin 图表右外边距
chartTopMargin 图表上外边距
chartBottomMargin 图表下外边距
set元素
borderColor 边框颜色
isSliced 被切开
label [label]
value 值
color 颜色
link 链接(FusionCharts链接格式)
toolText 自定义提示

图例(3.2版本以上)
showLegend 是否显示图例
legendPosition 图例位置
legendCaption 图例说明
legendIconScale 图例图标0-5(图例图标大小)
legendBgColor 图例背景色
legendBgAlpha 图例透明度
legendBorderColor 图例边框颜色
legendBorderThickness 图例边框粗细
legendBorderAlpha 图例边框透明度
legendShadow 图例阴影
legendAllowDrag 是否允许拖动图例
legendScrollBgColor 图例滚动条背景色
legendScrollBarColor 图例滚动条颜色
legendScrollBtnColor 图例滚动条按钮颜
reverseLegend 反转图例
interactiveLegend 图例交互(是否可点击)
legendNumColumns 设置图例的列数(如果设置不当会自动设置,如果legendPosition设置为右面该属性自动设置为1)
minimiseWrappingInLegend

FusionCharts入门指南 网页图标js,flash插件
FusionCharts例子及参数说明 – 多系列折线图 – MSLine.swf
FusionCharts例子及参数说明 – 3D柱状图 – Column3D.swf
FusionCharts例子及参数说明 – 3D饼图属性 – Pie3D.swf

FusionCharts参数说明 – 3D柱状图 – Column3D.swf

图表样式

canvasBaseColor 底盘颜色

showCanvasBase 是否显示底盘

canvasbasecolor 底盘颜色

柱图元素细节

plotGradientColor 渐变色 2D条图(Bar2D.swf )区分线及网格

alternateVGridColor 垂直网格交替的颜色。

alternateVGridAlpha 垂直网格交替的透明度。 2D条图(Bar2D.swf )区分线及网格

alternateVGridColor 垂直网格交替的颜色。

alternateVGridAlpha 垂直网格交替的透明度。

FusionCharts入门指南 网页图标js,flash插件
FusionCharts例子及参数说明 – 多系列折线图 – MSLine.swf
FusionCharts例子及参数说明 – 3D柱状图 – Column3D.swf
FusionCharts例子及参数说明 – 3D饼图属性 – Pie3D.swf

FusionCharts参数说明 – 网页折线图 – MSLine.swf

示例下载地址:
http://yun.baidu.com/share/link?shareid=2229288966&uk=1010090726

showLabels 是否显示Label
labelDisplay Label的展示形式(AUTO/WRAP/STAGGER/ROTATE/NONE)
useEllipsesWhenOverflow 当Label溢出时候使用…
rotateLabels 旋转Label
slantLabels 如果rotateLabels=1,设置label是否偏转个角度.
labelStep label步伐(可以设置5个一显示/和category中showLabel=’0’有些类似但不完全相同,区别在于这个属性是先展示后去掉不要的label,后者正好相反.这样对label会不会自动折行很有关系)
staggerLines 如果 labelDisplay=’STAGGER’,Label显示多少行.
showValues 是否显示值
valuePosition 值的位置(ABOVE/BELOW/AUTO,上下自动)
rotateValues 把值旋转
showYAxisValues 是否y轴值
showLimits 是否y轴极限值
yAxisValuesStep y轴值步伐(距离几个刻度显示一个值)
showShadow 是否显示阴影
adjustDiv 调整线
rotateYAxisName 是否旋转y轴名字
yAxisNameWidth y轴名字的宽
clickURL 图表点击的url
defaultAnimation 默认动画
yAxisMinValue 指定纵轴(y轴)最小值,数字
yAxisMaxValue 指定纵轴(y轴)最小值,数字

图表标题和轴名称
caption 图表主标题
subCaption 图表副标题
xAxisName 横向坐标轴(x轴)名称
yAxisName 纵向坐标轴(y轴)名称

图表和画布的样式
showBorder 是否显示边框
borderColor 边框颜色
borderThickness 边框粗细
borderAlpha 边框透明度
bgColor 图表背景色,6位16进制颜色值
bgAlpha 图表背景透明度
bgRatio 图表背景的放大缩小比例
bgAngle 图表背景的角度
bgSWF 图表背景flash也可以是图片地址
bgSWFAlpha 图表背景flash的透明度
canvasBgColor 画布背景色,6位16进制颜色值
canvasBgAlpha 画布透明度,[0-100]
canvasBgRatio 画布放大缩小比例
canvasBgAngle 画布角度
canvasBorderColor 画布边框颜色,6位16进制颜色值
canvasBorderThickness 画布边框厚度,[0-100]
canvasBorderAlpha 画布边框透明度
showVLineLabelBorder

图表元素细节
lineColor 线的颜色
lineThickness 线的粗细
lineAlpha 线的透明度
lineDashed 是否虚线
lineDashLen 每个小虚线长度
lineDashGap 两个小虚线间的距离

折点
drawAnchors 是否显示折点
anchorSides 折点这个多边形有几个边3-20(eg:3是个三角形)
anchorRadius 折点半径
anchorBorderColor 折点边框颜色
anchorBorderThickness 折点边框粗细
anchorBgColor 折点背景色
anchorAlpha 折点透明度
anchorBgAlpha 折点背景透明度

分区线和网格
numVDivLines 画布内部垂直分区线条数,数字
vDivLineColor 垂直分区线颜色,6位16进制颜色值
vDivLineThickness 垂直分区线厚度,[1-5]
vDivLineAlpha 垂直分区线透明度,[0-100]
vDivLineIsDashed 垂直分区线是否为虚线
vDivLineDashLen 垂直分区线每个虚线长度
vDivLineDashGap 垂直分区线2个虚线间距离
showAlternateVGridColor 是否在纵向网格带交替的颜色,默认为0(False)
alternateVGridColor 纵向网格带交替的颜色,6位16进制颜色值
alternateVGridAlpha 纵向网格带的透明度,[0-100]
numDivLines 画布内部水平分区线条数,数字
divLineColor 水平分区线颜色,6位16进制颜色值
divLineThickness 水平分区线厚度,[1-5]
divLineAlpha 水平分区线透明度,[0-100]
divLineIsDashed 水平分区线是否为虚线
divLineDashLen 水平分区线每个虚线长度
divLineDashGap 水平分区线2个虚线间距离
zeroPlaneColor 0线颜色
zeroPlaneThickness 0线粗细
zeroPlaneAlpha 0线透明度
showAlternateHGridColor 是否在横向网格带交替的颜色,默认为0(False)
alternateHGridColor 横向网格带交替的颜色,6位16进制颜色值
alternateHGridAlpha 横向网格带的透明度,[0-100]
showZeroPlane 是否显示0线

字体属性
baseFont 图表字体
baseFontSize 图表字体大小
baseFontColor 图表字体颜色,6位16进制颜色值
outCnvBaseFont 图表画布以外的字体样式
outCnvBaseFontSize 图表画布以外的字体大小
outCnvBaseFontColor 图表画布以外的字体颜色,6位16进制颜色值

图表的内外边距
captionPadding 标题内边距
chartLeftMargin 图表左外边距
chartRightMargin 图表右外边距
chartTopMargin 图表上外边距
chartBottomMargin 图表下外边距

Set标签
value 数据值
displayValue 显示的值
color 颜色
link 链接(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[java script:函数])
toolText 自定义提示
showValue 是否显示值
valuePosition 值得位置
alpha 透明度
anchorSides 折点这个多边形有几个边3-20(eg:3是个三角形)
anchorRadius 折点半径
anchorBorderColor 折点边框颜色
anchorBorderThickness 折点边框粗细
anchorBgColor 折点背景色
anchorAlpha 折点透明度
anchorBgAlpha 折点背景透明度

dashed 虚线

FusionCharts入门指南 网页图标js,flash插件
FusionCharts例子及参数说明 – 多系列折线图 – MSLine.swf
FusionCharts例子及参数说明 – 3D柱状图 – Column3D.swf
FusionCharts例子及参数说明 – 3D饼图属性 – Pie3D.swf