网页中调用flash的方法

要引入这个文件 /wp-content/uploads/2011/swfobject.js

<div id="flashcontent">
<div id="flashError">
	<h1>You need to upgrade your Flash Player</h1>
	<p>一大堆提示你要安装player</p>
</div>
</div>
 
<script type="text/javascript">
	var so = new SWFObject("flash.swf", "flashid", "550", "400", "9");
	so.addParam("scale", "noscale");
	so.write("flashcontent");
</script>

反正都要插个js我更喜欢用jquery调,引用这个:http://jquery.lukelutman.com/plugins/flash/

    $('#example').flash(
        {
          src: 'example.swf',
          width: 720,
          height: 480,
          flashvars: { foo: 'bar', baz: 'zoo' }
        },
        { version: 8 }
    );

ajax图片加载

var img = $("<img />");
img.load(function(){
  img.appendTo(con.empty());
  setPosition();
});
img.attr("src",imgurl);

con比如是个容器,以上代码可以实现ajax效果,开始在con中放一个动画图片,等图加载完了自然会替换掉哦

,

javascript创建一个动态元素

我没有其他办法 ,还是创建个隐藏框架来操作

var frmObj = document.createElement("iframe");
frmObj.id= "myfrm";
frmObj.name = "myfrm";
frmObj.width =500 ;
frmObj.height =300;
frmObj.frameborder = 0;
frmObj.src="http://www.baidu.com/";
document.body.appendChild(frmObj);

然后用定时器检查这个框架的处理状态。如果想实现进度,得与远程服务器配合,远程服务器必须动态的写信息到一个xml/txt文件中,本地再不断的读取即可。

, , , ,

jquery选项卡插件idTabs

插件网址:http://www.sunsean.com/idTabs/
可以页面上随意绑定,一个多个。代码很精简。可以设置默认选中哪一项

, , , ,

jquery获取鼠标当前位置

<script type="text/javascript"> 
	$(document).mousemove(function(e) { 
	var xx = e.originalEvent.x || e.originalEvent.layerX || 0; 
	var yy = e.originalEvent.y || e.originalEvent.layerY || 0; 
	$("#testDiv").text(xx + '---' + yy); 
	}); 
</script>

, ,

web绘制曲线图流量图的插件

插件下载:http://code.google.com/p/flot/
功能:该jquery插件可以绘制表格,曲线图,流量图等。
效果

, , , ,

jquery表单提交函数

//这是我自己写的一个表单post信息组成函数,支持一下原创撒

function jquerypoststr(_thisfrom){
	var poststr="";
	var tmpcval="";
	_thisfrom.find("input[type='hidden'][name],input[type=password][name],input[type=text][name],textarea[name],input[type=radio][name]:checked,select[name]").each( function(index){
		poststr += "&"+this.name+"="+escape( $(this).val() ).replace(/\+/ig,"%2B");
	});
	_thisfrom.find("input[type=checkbox][name]").each( function(index){
		tmpcval=""; 
		if ( $(this).attr("checked") ) {
			tmpcval = escape(this.value).replace(/\+/ig,"%2B");
			poststr += "&"+this.name+"="+tmpcval;
		}
	});
 	return poststr.substring(1);
}

, , ,

jquery中好用的弹框插件facebox

这种弹框插件很多,一般都是为了显图,而我是为了显网页:)个人比较喜欢facebox1.2版,一个小小js把这名字取得那么霸气干嘛,郁闷
下载地址: /wp-content/uploads/facebox1.2.rar

//基本使用方法,就是主动绑定A标了
<a href='http://www.163.com' ref='facebox'>网易评论</a>
$('a[rel=facebox]').facebox();
//下面是以Ajax方式加载内容,默认这样会缓存,所以你要在log.asp中设置立即过期
$.facebox({ajax:'log.asp?id='+ ids});
//有个不怕缓存的方法就是post,自己测下
$.facebox(function(){
$.ajax({});
});
//我们也可以在弹出层中显示现呈的内容
$.facebox($("#div1").html());
$.facebox("<div>hello world</div>");
//另外还用得到的就是关闭窗口了
jQuery(document).trigger('close.facebox');
//他还有很多参数,例如不锁背景
$.facebox.settings.opacity=0;

,

Jquery插件lightbox

LightBox0.5下载地址:JS CSS 请使用右键另存

jq绑定图片链接的代码,和HTML代码如下:

$(function() {
    $('#gallery a').lightBox({fixedNavigation:true}); //这个参数是否始终显示翻页,还有很多参数见最后
});
<li>
<a href="photos/image5.jpg" title="For this example: $('#gallery a').lightBox();">
    <img src="photos/thumb_image5.jpg" width="72" height="72" alt="" />
</a>
</li>

在这个 a 标签中可以定义title 。将会在box中显示出来,按这种排版方式,此插件就能自动识别上下一张

Jquery插件BlockUI的使用

下载地址:jquery.blockUI
官方网址:http://malsup.com/jquery/block/
这个插件通常用于在异步加载时,防止用户点到其他地方,一般就是结合ajax用,或页面在loading前先显示个什么状态挡住后面的东西,在程序中只要直接引用这个js就行了,下面说常见的一些用法。

,