Wordpress外贸企业主题, Wp企业主题, wordpress主题定制, PHP代码, ASP代码, 精选JS代码, WORDPRESS, 网站SEO,Flash焦点广告,JS焦点广告,CSS技巧 | 酷码资源 » 精选JS http://www.3code.cn Wordpress外贸企业主题, Wp企业主题, wordpress主题定制, PHP代码,ASP代码,精选JS代码,WORDPRESS,网站SEO,Flash焦点广告,JS焦点广告,CSS技巧 Fri, 30 Jul 2010 05:13:15 +0000 http://wordpress.org/?v=2.8.5 zh-cn hourly 1 贴一段jquery代码 http://www.3code.cn/jquery-code/ http://www.3code.cn/jquery-code/#comments Thu, 10 Jun 2010 05:00:42 +0000 admin http://www.3code.cn/?p=1662 <script type="text/javascript">
$(document).ready(function() {
$("#pages").change(function(){
page = $("#pages").val();
start_time = $("#starttime").val();
end_time   = $("#endtime").val();
getls = $("#leadstatus").val();

$("#loading").attr("style","display:none; textalign:center; position:absolute;background-color:#000; filter:alpha(opacity=80);opacity:.8;");
$('#loading').height($(document).height() + "px");
$('#loading').width($(document.body).outerWidth(true) + "px");

var topPosition = document.documentElement.scrollTop + ($(window).height() - $("#mdiv").height()) / 2;

$("#mdiv").attr("style","z-index:1000;left:50%; margin-left:-105px;position:absolute; display:none;background-image:url(../imgs/ldbg.png); background-repeat:no-repeat; height:189px; width:331px;top:"+topPosition+"px");

$('#loading').fadeIn();
$('#mdiv').fadeIn();
//$("#loading").attr("style","z-index:999; padding-top:200px; margin-left:0px;position:absolute;display:block; background-color:#000; filter:alpha(opacity=80);opacity:.8;");

if(getls!=""){
url= "/ci.php/dashboard/page/"+page+"/"+getls+"/"+end_time+"/"+start_time;
}else{
url = "/ci.php/dashboard/page/"+page+"/all/"+end_time+"/"+start_time;
}

$.ajax({
type: 'post',
url: url,
cache:false,
success:function(html){

$("#leadsdiv").html(html);
$("#loading").attr("style","display:none");
$("#mdiv").attr("style","display:none");
}
});

});

$("#datelead").click(function (){
startt = $("#starttime").val();
endt   = $("#endtime").val();
datelead(endt,startt);
});

//-----search function
$("#submit").click(function (){
$("#loading").attr("style","z-index:999; margin-left:0px; margin-top:300px;position:absolute;display:block; left: 416px; top: 31px; width:865px; height: 48px;");
keyword = $("#searchkeyword").val();
if (keyword == ""){
alert("keyword can't be empty!");
return false;
}
url = "/ci.php/dashboard/search/"+keyword;
$.ajax({
type: 'post',
url: url,
cache:false,
success:function(html){
$("#leadsdiv").html(html);
$("#pagec").html("");
$("#loading").attr("style","display:none");
$("#mdiv").attr("style","display:none");
}
});
});

});
function datelead(endtime,starttime){

getls = $("#leadstatus").val();

if(getls!=""){
location.href = "/ci.php/dashboard/index/"+getls+"/"+endtime+"/"+starttime;
}else{
location.href = "/ci.php/dashboard/index/all/"+endtime+"/"+starttime;
}

}
//$("#loading").attr("style","display:none;");
//document.getElementById("loading").style.display = "none";
</script>

]]> http://www.3code.cn/jquery-code/feed/ 0 精典多张图片渐变（fade）效果， 支付IE与firefox http://www.3code.cn/imgfade/ http://www.3code.cn/imgfade/#comments Tue, 01 Jun 2010 08:07:52 +0000 admin http://www.3code.cn/?p=1653 无意间找到的这个图片渐变轮换效果，支持IE与firefox。之前一直都没有找到，都是用flash去做的，呵。

现在把文件放这儿，供大伙下载。

imgfade.rar

]]> http://www.3code.cn/imgfade/feed/ 0 jQuery加载远程PHP文件 http://www.3code.cn/jquery-load-phpfile/ http://www.3code.cn/jquery-load-phpfile/#comments Thu, 13 May 2010 09:09:10 +0000 admin http://www.3code.cn/?p=1648 最近有一个跨域加载远程PHP文件需求，需要将跨域远程的用户信息加载到本地使用，研究和参考相关资料，非常简单，其它后缀类似文件(asp,js)一样。

解决方案如下：

需要两个文件：提供信息的PHP文件(访问的远程文件)，加载远程文件的JS文件(获取或处理远程信息)

------------------------------------------------------------------

infoBox.php(提供远程信息，与JS文件不在同一域)

<?php

$InfoBox = array('url'=>'biuuu.com','title'=>'必优博客');

echo 'var data=' . json_encode($InfoBox) . ';';

?>

将数据组装数组，通过PHP内置函数json_encode将数组转化成json数组，方便数组内容被远程调用。

------------------------------------------------------------------

box.js(调用远程PHP文件JS类)

var box = {};

var remoteUrl = 'http://www.biuuu.com/infoBox.php';//远程调用URL

box.showBoxInfo = function() {

jQuery.getScript(remoteUrl, function(){

var boxInfoWrapper = jQuery('#boxInfoWrapper');

var html = box.getBoxHtml(data.url,data.title);

boxInfoWrapper.html(html);

});

}

box.getBoxHtml = function(url,title){

return '<div><a href="'+url+'">'+title+'</a></div>';

}

remoteUrl就是前面infoBox.php的远程路径，通过getScript直接调用。其中boxInfoWrapper就是要显示信息 DIV的ID。

------------------------------------------------------------------

test.html(测试HTML文件，包含JQuery与前面的box.js类)

<script src="jquery-1.2.6.js" type="text/javascript"></script>

<script src="box.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function (){

box.showBoxInfo();

});

</script>

<div id="boxInfoWrapper"></div>

jQuery.getScript跨域加载远程PHP文件实现过程非常简单，扩展性非常性，可以实现非常强大的功能，其它应用可以更深入的实践，供参考。

转载自 必优博客 http://www.biuuu.com/

]]> http://www.3code.cn/jquery-load-phpfile/feed/ 0 很酷的伸缩导航菜单 http://www.3code.cn/cool-js-menu/ http://www.3code.cn/cool-js-menu/#comments Tue, 11 May 2010 05:56:21 +0000 admin http://www.3code.cn/?p=1646 <!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=gb2312" />
<style type="text/css">
*{margin:0; padding:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
#box{width:200px; border:1px solid #ccc;}
.title{ font-size:12px; padding-left:3px; height:20px; border-bottom:1px solid #fff; background:#000; line-height:20px; color:#FFF; cursor:pointer;}
.content{ padding:5px; height:150px;}
</style>
<script type="text/javascript">
function flexMenu(id)
{
var $id = document.getElementById(id);
var titleList = $id.getElementsByTagName('h2');
var contentList = $id.getElementsByTagName('div');
titleList[titleList.length-1].style.border = 'none';
for(var i=0;i<titleList.length;i++)
{
titleList[i].onclick = function()
{
for(var a=0;a<contentList.length;a++)
{
contentList[a].style.display = 'none';
}
if(this.nextSibling.nodeType=='3')
{
this.nextSibling.nextSibling.style.display = '';
}else
{
this.nextSibling.style.display = '';
}
}
}
}
window.onload = function(){ flexMenu('box')}
</script>
<title>很酷的伸缩导航菜单</title>
</head>
<body>
<div id="box">
<h2>站长特效</h2>
<div ><a href="http://www.moerdao.com">特效频道子菜单</a></div>
<h2>网页特效</h2>
<div style="display:none;"><a href="http://www.moerdao.com">网页特效子菜单</a></div>
<h2>广告代码</h2>

<div style="display:none;"><a href="http://www.3code.cn">广告代码子菜单</a></div>
</div>
</body>
</html>

]]> http://www.3code.cn/cool-js-menu/feed/ 0 简单易用的JS+CSS伸缩菜单 http://www.3code.cn/js-css-menu-2/ http://www.3code.cn/js-css-menu-2/#comments Tue, 11 May 2010 05:27:58 +0000 admin http://www.3code.cn/?p=1643 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>简单易用的JS+CSS伸缩菜单-3code.cn/</title>
<style>
<!--
body{
background-color:#ffdee0;
}
#navigation {
width:200px;
font-family:Arial;
}
#navigation > ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#navigation > ul > li {
border-bottom:1px solid #ED9F9F;
}
#navigation > ul > li > a{
display:block;
padding:5px 5px 5px 0.5em;
text-decoration:none;
border-left:12px solid #711515;
border-right:1px solid #711515;
}
#navigation > ul > li > a:link, #navigation > ul > li > a:visited{
background-color:#c11136;
color:#FFFFFF;
}
#navigation > ul > li > a:hover{
background-color:#990020;
color:#ffff00;
}

#navigation ul li ul{
list-style-type:none;
margin:0px;
padding:0px 0px 0px 0px;
}
#navigation ul li ul li{
border-top:1px solid #ED9F9F;
}
#navigation ul li ul li a{
display:block;
padding:3px 3px 3px 0.5em;
text-decoration:none;
border-left:28px solid #a71f1f;
border-right:1px solid #711515;
}
#navigation ul li ul li a:link, #navigation ul li ul li a:visited{
background-color:#e85070;
color:#FFFFFF;
}
#navigation ul li ul li a:hover{
background-color:#c2425d;
color:#ffff00;
}
#navigation ul li ul.myHide{
display:none;
}
#navigation ul li ul.myShow{
display:block;
}
-->
</style>
<script language="javascript">
function change(){
//通过父元素li，找到兄弟元素ul
var oSecondDiv = this.parentNode.getElementsByTagName("ul")[0];
//CSS交替更换来实现显、隐
if(oSecondDiv.style.display == "none")
oSecondDiv.style.display = "";
else
oSecondDiv.className = "none";
}
window.onload = function(){
var oUl = document.getElementById("listUL");
var aLi = oUl.childNodes;    //子元素
var oA;
for(var i=0;i<aLi.length;i++){
//如果子元素为li，且这个li有子菜单ul
if(aLi[i].tagName == "LI" && aLi[i].getElementsByTagName("ul").length){
oA = aLi[i].firstChild;    //找到超链接
oA.onclick = change;    //动态添加点击函数
}
}
}
</script>
</head>
<body>
<div id="navigation">
<ul id="listUL">
<li><a href="#">Home</a></li>
<li><a href="#">News</a>
<ul>
<li><a href="#">Lastest News</a></li>
<li><a href="#">All News</a></li>
</ul>
</li>
<li><a href="#">Sports</a>
<ul>
<li><a href="/">Basketball</a></li>
<li><a href="/">Football</a></li>
<li><a href="/">Volleyball</a></li>
</ul>
</li>
<li><a href="/">Weather</a>
<ul>
<li><a href="#">Today's Weather</a></li>
<li><a href="#">Forecast</a></li>
</ul>
</li>
<li><a href="/">Contact Me</a></li>
</ul>
</div>
</body>
</html>

]]> http://www.3code.cn/js-css-menu-2/feed/ 0 Jquery ajax获取返回值实例 http://www.3code.cn/jquery-ajax/ http://www.3code.cn/jquery-ajax/#comments Sun, 09 May 2010 02:32:56 +0000 admin http://www.3code.cn/?p=1639 以下代码经测试通过，根据不同应用可以此代码修改。

Html 及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-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript">  
function GetJsonData() { 
  $.ajax(  
         {  
    type: "GET", 
    url: "a.php",
    data: "id=1", 
             success: function(data){ $("#divok").html(data);},
             error: function() { alert("error"); }  
          }  
         )  
      }  
</script>  
</head>
<body  scroll="no">
<input name="" type="button" onclick="GetJsonData()" value="Click Here" />
<div id="divok"></div>
 
</body>
</html>

a.php代码：

<? if($_GET["id"]==1) {?>
<select name="">
  <option value="asd">asdas</option>
  <option value="sad">sdad</option>
  <option value="sad">dsad</option>
</select>
<? }?>

]]> http://www.3code.cn/jquery-ajax/feed/ 0 一个form多个提交按钮,分别提交到多页面 http://www.3code.cn/oneform-manysubmit/ http://www.3code.cn/oneform-manysubmit/#comments Mon, 26 Apr 2010 04:15:08 +0000 admin http://www.3code.cn/?p=1625 <html>
  • <head>
  • <script type="text/javascript">
  • function save(){
  • document.form1.action="B.jsp";
  • document.form1.submit();
  • }
  • function send(){
  • document.form1.action="C.jsp";
  • document.form1.submit();
  • }
  • </script>
  • </head>
  • <body>
  • <form name="form1">
  • <input type="text" name="username" value="scott">
  • <input type="button" value="发送" onclick="send();">
  • <input type="button" value="保存" onclick="save();">
  • </form>
  • </body>
  • </html>
    • ]]>     http://www.3code.cn/oneform-manysubmit/feed/ 0     选中或者取消全部复选框JS代码 http://www.3code.cn/js-checkbox-select/ http://www.3code.cn/js-checkbox-select/#comments Fri, 23 Apr 2010 04:00:35 +0000 admin http://www.3code.cn/?p=1623 <script language="javascript"> //第一次单击时的状态: var zt=true; function mm() { if(zt==true){zt=false;}else{zt=true;} var a = document.getElementsByTagName("input"); for (var i=0; i<a.length; i++) if (a[i].type == "checkbox") a[i].checked = zt; } </script> <form id="form1" name="form1" method="post" action=""> <input type="button" name="button" id="button" value="单击此处" onclick="mm()" /> <input type="checkbox" name="checkbox" id="checkbox" /> <input type="checkbox" name="checkbox2" id="checkbox2" /> <input type="checkbox" name="checkbox3" id="checkbox3" /> <input type="checkbox" name="checkbox4" id="checkbox4" /> <input type="checkbox" name="checkbox5" id="checkbox5" /> <input type="checkbox" name="checkbox6" id="checkbox6" /> <input type="checkbox" name="checkbox7" id="checkbox7" /> <input type="checkbox" name="checkbox8" id="checkbox8" /> <input type="checkbox" name="checkbox9" id="checkbox9" /> <input type="checkbox" name="checkbox10" id="checkbox10" /> <input type="checkbox" name="checkbox11" id="checkbox11" /> <input type="checkbox" name="checkbox12" id="checkbox12" /> <input type="checkbox" name="checkbox13" id="checkbox13" /> <input type="checkbox" name="checkbox14" id="checkbox14" /> <input type="checkbox" name="checkbox15" id="checkbox15" /> <input type="checkbox" name="checkbox16" id="checkbox16" /> <input type="checkbox" name="checkbox17" id="checkbox17" /> </form> ]]> http://www.3code.cn/js-checkbox-select/feed/ 0 DIV层拖动 http://www.3code.cn/div-drag/ http://www.3code.cn/div-drag/#comments Tue, 20 Apr 2010 06:08:44 +0000 admin http://www.3code.cn/?p=1615 <style type="text/css">
    .MoveDivContent
    {
    position: absolute;

    width: 600px;
    height: 200px;
    border: 2px #507CD1 solid;
    background: #EFF3FB;
    cursor:pointer;
    }
    .MoveDivTitle
    {
    width: 600px;
    line-height: 25px;
    text-align: left;
    background: #507CD1;
    color:#FFFFFF;
    cursor: move;
    }
    </style>

    <script language="javascript" type="text/javascript">
    /*
    调用方法:var myDrag=new Endrag(source,target,offSetX, offSetY);
    参数说明:source--鼠标动作绑定对象;target--操作目标对象(要移动的对象);offSetX--横坐标偏移;offSetY--纵坐标偏移
    说明:通过多次调用本方法绑定多个对象的拖动
    */
    funs = {
    index: 100,
    getFocus: function(target) {
    if (target.style.zIndex != this.index) {
    this.index += 2;
    var idx = this.index;
    target.style.zIndex = idx;
    }
    },
    abs: function(element) {
    var result = { x: element.offsetLeft, y: element.offsetTop };
    element = element.offsetParent;
    while (element) {
    result.x += element.offsetLeft;
    result.y += element.offsetTop;
    element = element.offsetParent;
    }
    return result;
    }
    };

    function Endrag(source, target, offSetX, offSetY) {
    source = typeof (source) == "object" ? source : document.getElementById(source);
    target = typeof (target) == "object" ? target : document.getElementById(target);
    var x0 = 0, y0 = 0, x1 = 0, y1 = 0, moveable = false, index = 100, NS = (navigator.appName == 'Netscape');
    offSetX = typeof offSetX == "undefined" ? 0 : offSetX;
    offSetY = typeof offSetY == "undefined" ? 0 : offSetY;
    source.onmousedown = function(e) {
    e = e ? e : (window.event ? window.event : null);
    funs.getFocus(target);
    if (e.button == (NS) ? 0 : 1) {
    if (!NS) { this.setCapture() }
    x0 = e.clientX;
    y0 = e.clientY;
    x1 = parseInt(funs.abs(target).x);
    y1 = parseInt(funs.abs(target).y);
    moveable = true;
    }
    };
    //拖动;
    source.onmousemove = function(e) {
    e = e ? e : (window.event ? window.event : null);
    if (moveable) {
    target.style.left = (x1 + e.clientX - x0 - offSetX) + "px";
    target.style.top = (y1 + e.clientY - y0 - offSetY) + "px";
    }
    };
    //停止拖动;
    source.onmouseup = function(e) {
    if (moveable) {
    if (!NS) { this.releaseCapture(); }
    moveable = false;
    }
    };
    }
    </script>

    <div style="background-color:#666666; width:400px; height:300px; z-index:1000000; position:relative; overflow:hidden;">
    <div id="MoveDiv">adasdza</div>
    </div>
    <script type="text/javascript">
    moveTag();
    function moveTag() {
    var i = new Endrag('MoveDiv', 'MoveDiv', 0, 0);
    }
    </script>

    ]]>     http://www.3code.cn/div-drag/feed/ 0     Javascript打印网页中定义的部分内容 http://www.3code.cn/javascript-print/ http://www.3code.cn/javascript-print/#comments Fri, 26 Mar 2010 04:16:40 +0000 admin http://www.3code.cn/?p=1602 正常情况下的打印是使用 window.print(); 直接整页打印，但假如需要打印网页中定义的部分内容，则可使用如下的方法：

    1、在页面的代码头部处加入Javascript：
    Javascript代码

    <script language=javascript>
    function doPrint() {
    bdhtml=window.document.body.innerHTML;
    sprnstr="<!--startprint-->";
    eprnstr="<!--endprint-->";
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
    window.document.body.innerHTML=prnhtml;
    window.print();
    }
    </script>

    2、在页面正文处加上<!--startprint-->和<!--endprint-->标识。
    也就是在需要用户打印保存的正文所对应的html处附加上。同时，假如采用小偷程式获得远程数据并需打印，可将此等数据置于该定义标签之内即可。

    3、截取内容部分已完成，现在加个“打印”的链接：

    <a href="javascript:;" onClick="doPrint()">打印</a>
    ]]>     http://www.3code.cn/javascript-print/feed/ 0     发现一个不错的xml+flash图表 http://www.3code.cn/xml-swf-charts/ http://www.3code.cn/xml-swf-charts/#comments Tue, 02 Feb 2010 09:48:00 +0000 admin http://www.3code.cn/?p=1556 XML/SWF Charts is a simple, yet powerful tool to create attractive charts and graphs from XML data.

    Create an XML source to describe a chart, then pass it to this tool's flash file to generate the chart. The XML source can be prepared manually, or generated dynamically using any scripting language (PHP, ASP, CFML, Perl, etc.)

    XML/SWF Charts makes the best of both the XML and SWF worlds. XML provides flexible data generation, and Flash provides the best graphic quality.
    可以去他们的网站下载，支持多种图表格式，xml提供数据源，用起来很方便。

    http://www.maani.us/xml_charts/index.php

    ]]>     http://www.3code.cn/xml-swf-charts/feed/ 0     绝对定位的DIV位置不随分辨率变化而变化 http://www.3code.cn/div-abs/ http://www.3code.cn/div-abs/#comments Wed, 27 Jan 2010 11:02:32 +0000 admin http://www.3code.cn/?p=1523 绝对定位的DIV位置不随分辨率变化而变化

    <div style="z-index:50; position:absolute;top:240px;left:30%;margin:-100px 0 0 -100px;">这里你可以放任何内容</div>

    ]]>     http://www.3code.cn/div-abs/feed/ 0     JS Div Scroll Bar用层模拟滚动条 http://www.3code.cn/js-div-scroll-bar/ http://www.3code.cn/js-div-scroll-bar/#comments Thu, 14 Jan 2010 07:38:52 +0000 admin http://www.3code.cn/?p=1493 JS Div Scroll Bar用层模拟滚动条(ie, firefox下测试通过)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
    <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
    <META http-equiv=Content-Type content="text/html; charset=gbk"><LINK
    rev=stylesheet href="scroll/marketcenter.css" type=text/css
    rel=stylesheet>
    <META content="MSHTML 6.00.5730.13" name=GENERATOR></HEAD>
    <BODY>
    <DIV id=content>
    <DIV>
    <DIV></DIV>
    <DIV id=roll style="POSITION: relative"><!--Scrollbar begin-->
    <DIV id=Scrollbar-Container-1>
    <DIV-Up></DIV>
    <DIV-Down></DIV>
    <DIV-Track>
    <DIV-Handle></DIV></DIV></DIV>
    <!--Scrollbar end--><!--Container begin-->
    <DIV>
    <DIV id=Scroller-1>
    <DIV-Container>
    <DIV>
    <DL>
    adadad<br>
    dadasd<br>
    dad<br>
    fa<br>adadad<br>
    dadasd<br>
    dad<br>
    fa<br>adadad<br>
    dadasd<br>
    dad<br>
    fa<br>adadad<br>
    dadasd<br>
    dad<br>
    fa<br>adadad<br>
    dadasd<br>
    dad<br>
    fa<br>adadad<br>
    dadasd<br>
    dad<br>
    fa<br>adadad<br>
    dadasd<br>
    dad<br>
    fa<br>adadad<br>
    dadasd<br>
    dad<br>
    fa<br>

    </DL></DIV></DIV></DIV></DIV>
    <!--Container end--></DIV></DIV></DIV>

    <SCRIPT src="scroll/scroll.js" type=text/javascript></SCRIPT>
    </BODY></HTML>

    JS与CSS文件去这里下载：http://www.3code.cn/download/scroll.rar

    ]]>     http://www.3code.cn/js-div-scroll-bar/feed/ 0     完美页角卷页效果pageear(IE-FIREFOX) http://www.3code.cn/pageear-ie-firefox/ http://www.3code.cn/pageear-ie-firefox/#comments Fri, 25 Dec 2009 07:18:55 +0000 admin http://www.3code.cn/?p=1392 完美页角卷页效果pageear(IE-FIREFOX)

    要做一个网页右上角卷页的效果，在网上找了好久，能找到一些flash效果，但是那些都是在IE下面可以，在FIREFOX下面，flash不是真正的透明的，虽然看上去是，但是会把flash下面网页的内容遮盖住，从而不能点击flash下面的按钮与文字等。

    搜索中文内容怎么也找不到，只好在google上搜索英文资料。找到了一个叫pageear的东西，可以解决这个问题。下面就与大家分享一下解决方法。

    一、解决思路
    原理是用js调用flash,flash有两个，一个大的（pageear_b.swf）也就是展开后的效果，一个是小的(pageear_s.swf)是缩小后的效果。这两个flash文件不用作任何修改。

    两个js文件，AC_OETags.js这个是调用flash的，不作修改。pageear.js这个是配置文件，是我们要修改的地方。

    主要修改的地方是：
    1.
    pagearSmallImg：小图地址
    pagearSmallSwf：小flash地址
    pagearBigImg：大图地址
    pagearBigSwf：大flash地址
    jumpTo：点击后要去的页面URL
    openOnLoad：页面加载时是否自动打开卷页效果，也就是说是否自动变大，否则将会直接显示一个小的卷页效果在右上角，鼠标放上去后才会展开。

    2.
    thumbWidth: 小图宽度
    thumbHeight：小图高度
    bigWidth: 大图宽度
    bigHeigh:大图高度

    可以点这里下载：pageear.zip

    安装方法：

    一、首先下载pageear.zip ，里面包含js文件，图片文件，flash文件，解压后将pageear文件夹传到你的网站空间上。注意：此效果只能在网上看到效果，用本地localhost看不到效果。

    二、根据你所传的pageear文件夹所在位置，配置pageear.js文件。如上面所介绍的。

    三、在要显示的网页上加入以下代码：

    <script src="你的URL/AC_OETags.js" language="javascript"></script>
    <script src="你的URL/pageear.js" type="text/javascript"></script>

    放在<head>与</head>之间。

    <script type="text/javascript">
    writeObjects();
    </script

    放到</body>上面一行。

    四、保存你的网页，刷新即可看到效果。

    如果你按照料上述说明操作。到现在为止，你可以成功的在网页上放这个效果了。当然根据你的需要，你可以把两个图片换成你自己的图片。

    扩展：如何在wordpress上面插入此效果？

    方法基本相同。只是上面的代码可以改成:
    <script src="<?php bloginfo('template_url'); ?>/pageear/AC_OETags.js" language="javascript"></script>
    <script src="<?php bloginfo('template_url'); ?>/pageear/pageear.js" type="text/javascript"></script>

    在footer.php的</body>上面一行插入：
    <script type="text/javascript">
    writeObjects();
    </script

    前提是你要将pageear这个文件夹传到你的模板目录内。

    好了，就说到这里，有不清楚的地方请在下面留言。希望对用到的朋友们有所帮助。

    www.3code.cn 原创。转载请注明。

    ]]>     http://www.3code.cn/pageear-ie-firefox/feed/ 0     网页在线播放器代码大全 http://www.3code.cn/avi-mpg-rm/ http://www.3code.cn/avi-mpg-rm/#comments Wed, 23 Dec 2009 02:14:31 +0000 admin http://www.3code.cn/?p=1390 1. avi格式

    <object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
    <param name="ShowDisplay" value="0">
    <param name="ShowControls" value="1">
    <param name="AutoStart" value="1">
    <param name="AutoRewind" value="0">
    <param name="PlayCount" value="0">
    <param name="Appearance value="0 value=""">
    <param name="BorderStyle value="0 value=""">
    <param name="MovieWindowHeight" value="240">
    <param name="MovieWindowWidth" value="320">
    <param name="FileName" value="file:///D|/work/vod/Mbar.avi">
    <embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi">
    </embed>
    </object>

    2.mpg格式

    <object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">
    <param name="Appearance" value="0">
    <param name="AutoStart" value="-1">
    <param name="AllowChangeDisplayMode" value="-1">
    <param name="AllowHideDisplay" value="0">
    <param name="AllowHideControls" value="-1">
    <param name="AutoRewind" value="-1">
    <param name="Balance" value="0">
    <param name="CurrentPosition" value="0">
    <param name="DisplayBackColor" value="0">
    <param name="DisplayForeColor" value="16777215">
    <param name="DisplayMode" value="0">
    <param name="Enabled" value="-1">
    <param name="EnableContextMenu" value="-1">
    <param name="EnablePositionControls" value="-1">
    <param name="EnableSelectionControls" value="0">
    <param name="EnableTracker" value="-1">
    <param name="Filename" value="../../../mpeg/halali.mpg" valuetype="ref">
    <param name="FullScreenMode" value="0">
    <param name="MovieWindowSize" value="0">
    <param name="PlayCount" value="1">
    <param name="Rate" value="1">
    <param name="SelectionStart" value="-1">
    <param name="SelectionEnd" value="-1">
    <param name="ShowControls" value="-1">
    <param name="ShowDisplay" value="-1">
    <param name="ShowPositionControls" value="0">
    <param name="ShowTracker" value="-1">
    <param name="Volume" value="-480">
    </object>
    3.rm格式

    <OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352>

    <param name="_ExtentX" value="9313">
    <param name="_ExtentY" value="7620">
    <param name="AUTOSTART" value="0">
    <param name="SHUFFLE" value="0">
    <param name="PREFETCH" value="0">
    <param name="NOLABELS" value="0">
    <param name="SRC" value="rtsp://203.207.131.35/vod/dawan-a.rm";>
    <param name="CONTROLS" value="ImageWindow">
    <param name="CONSOLE" value="Clip1">
    <param name="LOOP" value="0">
    <param name="NUMLOOP" value="0">
    <param name="CENTER" value="0">
    <param name="MAINTAINASPECT" value="0">
    <param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false">

    </OBJECT>

    4.wmv格式

    <object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5">
    <!-- ASX File Name -->
    <param name="AutoRewind" value=1>
    <param name="FileName" value="xxxxxx.wmv">
    <!-- Display Controls -->

    <param name="ShowControls" value="1">
    <!-- Display Position Controls -->

    <param name="ShowPositionControls" value="0">
    <!-- Display Audio Controls -->

    <param name="ShowAudioControls" value="1">
    <!-- Display Tracker Controls -->

    <param name="ShowTracker" value="0">
    <!-- Show Display -->

    <param name="ShowDisplay" value="0">
    <!-- Display Status Bar -->

    <param name="ShowStatusBar" value="0">
    <!-- Diplay Go To Bar -->

    <param name="ShowGotoBar" value="0">
    <!-- Display Controls -->

    <param name="ShowCaptioning" value="0">
    <!-- Player Autostart -->

    <param name="AutoStart" value=1>
    <!-- Animation at Start -->

    <param name="Volume" value="-2500">
    <param name="AnimationAtStart" value="0">
    <!-- Transparent at Start -->

    <param name="TransparentAtStart" value="0">
    <!-- Do not allow a change in display size -->

    <param name="AllowChangeDisplaySize" value="0">
    <!-- Do not allow scanning -->

    <param name="AllowScan" value="0">
    <!-- Do not show contect menu on right mouse click -->

    <param name="EnableContextMenu" value="0">
    <!-- Do not allow playback toggling on mouse click -->
    <param name="ClickToPlay" value="0">
    </object>

    最简单的播放代码

    <embed src="http://wmt2.aboutmedia.com.tw/Aboutmedia/warner/mtv/naying-021011_01v_120k.wmv";;
    autostart="true" loop="true" width="200" height="150" >
    把这个网址http://wmt2.aboutmedia.com.tw/Aboutmedia/warner/mtv/naying-021011_01v_120k.wmv换成你要看的电影就行了
    有图像的rm格式：

    <OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=288 id=video1 width=305 VIEWASTEXT>
    <param name=_ExtentX value=5503>
    <param name=_ExtentY value=1588>
    <param name=AUTOSTART value=-1>
    <param name=SHUFFLE value=0>
    <param name=PREFETCH value=0>
    <param name=NOLABELS value=0>
    <param name=SRC value=http://media.cdut.edu.cn/ram/new/xiaoxin1.ram>
    <param name=CONTROLS value=Imagewindow,StatusBar,ControlPanel>
    <param name=CONSOLE value=RAPLAYER>
    <param name=LOOP value=0>
    <param name=NUMLOOP value=0>
    <param name=CENTER value=0>
    <param name=MAINTAINASPECT value=0>
    <param name=BACKGROUNDCOLOR value=#000000>
    </OBJECT>

    无图像的rm格式：如相声，歌曲。。。

    <object ID=video2 WIDTH=300 HEIGHT=62 CLASSID=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA>
    <param name=_ExtentX value=9657>
    <param name=_ExtentY value=847>
    <param name=AUTOSTART value=-1>
    <param name=SHUFFLE value=0>
    <param name=PREFETCH value=0>
    <param name=NOLABELS value=0>
    <param name=SRC value=http://210.242.69.206/ramgen/broadcast/BCC/encoder/hipop.rm>
    <param name=CONTROLS value=StatusBar,controlpanel>
    <param name=CONSOLE value=Clip1>
    <param name=LOOP value=0>
    <param name=NUMLOOP value=0>
    <param name=CENTER value=0>
    <param name=MAINTAINASPECT value=0>
    <param name=BACKGROUNDCOLOR value=#000000>
    </object>
    最简单的media格式的播放器。。自动识别有无图像，但是版本是你机器的！
    <embed src=mms://61.175.132.221/tv/mtv/f4/makeawish.wmv width=200 height=200 autostart=true loop=true></embed>
    有图像的media播放器，自动调用网上的插件。
    <object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=265 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
    <param name=URL value=http://202.99.11.42/xiangsheng/ymjr.wma>
    <PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true>
    <PARAM NAME=Enabled value=true>
    <PARAM NAME=enableContextMenu value=false>
    <param name=WindowlessVideo value=true></object>
    无图像的media播放器。。。同上。
    <object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=60 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
    <param name=URL value=http://202.99.11.42/xiangsheng/ymjr.wma>
    <PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true>
    <PARAM NAME=Enabled value=true>
    <PARAM NAME=enableContextMenu value=false>
    </object>
    只是界面不同的media的调插件播放器。。建议不用这个，，你可以看！
    <embed src=http://av.wanwa.com/fileroot/AV/Ramfiles/23809.ram type=audio/x-pn-realaudio-plugin console=Clip1 controls=ControlPanel,StatusBar height=60 width=275 autostart=true></embed>

    在线播放rm格式视频代码：

    <object id="player" name="player" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="400" height="272">
    <param name="_ExtentX" value="18415">
    <param name="_ExtentY" value="9102">
    <param name="AUTOSTART" value="-1">
    <param name="SHUFFLE" value="0">
    <param name="PREFETCH" value="0">
    <param name="NOLABELS" value="-1">
    <param name="SRC" value="http://www.xiaoqiong.com/ftp/up/bz.rm">
    <param name="CONTROLS" value="Imagewindow">
    <param name="CONSOLE" value="clip1">
    <param name="LOOP" value="0">
    <param name="NUMLOOP" value="0">
    <param name="CENTER" value="0">
    <param name="MAINTAINASPECT" value="0">
    <param name="BACKGROUNDCOLOR" value="#000000">
    </object><br>
    <object ID="RP2" CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" WIDTH="400" HEIGHT="57">
    <param name="_ExtentX" value="18415">
    <param name="_ExtentY" value="1005">
    <param name="AUTOSTART" value="-1">
    <param name="SHUFFLE" value="0">
    <param name="PREFETCH" value="0">
    <param name="NOLABELS" value="-1">
    <param name="SRC" value="http://www.xiaoqiong.com/ftp/up/bz.rm">
    <PARAM NAME="CONTROLS" VALUE="ControlPanel,StatusBar">
    <param name="CONSOLE" value="clip1">
    <param name="LOOP" value="0">
    <param name="NUMLOOP" value="0">
    <param name="CENTER" value="0">
    <param name="MAINTAINASPECT" value="0">
    <param name="BACKGROUNDCOLOR" value="#000000">
    </object>

    ]]>     http://www.3code.cn/avi-mpg-rm/feed/ 0     判断QQ是否在线 http://www.3code.cn/qq-online/ http://www.3code.cn/qq-online/#comments Thu, 17 Dec 2009 06:27:07 +0000 admin http://www.3code.cn/?p=1338 <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>QQ在线帮助</title>
    <style ></style>
    <script></script>
    </head>

    <body >
    <script>var online= new Array();</script>
    <table border="0" cellpadding="0" cellspacing="0" style="margin-left: 2px;margin-top: 3px;height: 323px">
    <script src="http://webpresence.qq.com/getonline?Type=1&422407700:13284200:277069500:275597200:30781800:"></script>
    <tr>
    <td align="left"  background="./menumiddle.png">
    <script>
    if (online[0]==0)
    document.write("&nbsp;&nbsp;<img src=./QQoffline.gif border=0 align=center style=margin-left:30px><a class='qqb'  target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=422407700&Site='在线咨询'& Menu=no' title='飞哥不在线，请留言'>承保管理(飞哥)</a>");
    else
    document.write("&nbsp;&nbsp;<img src=./QQonline.png border=0 align=center style=margin-left:30px><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=422407700&Site='在线咨询'& Menu=no' title='在线即时交谈'>承保管理(飞哥)</a>");
    </script >
    </td>
    </tr>
    <tr>
    <td align="left"  background="./menumiddle.png">
    <script>
    if (online[1]==0)
    document.write("&nbsp;&nbsp;<img src=./QQoffline.gif border=0  align=center style=margin-left:30px><a class='qqb'  target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=13284200&Site='在线咨询'& Menu=no' title='飞哥不在线，请留言'>见费出单(飞哥)</a>");
    else
    document.write("&nbsp;&nbsp;<img src=./QQonline.png border=0 align=center style=margin-left:30px><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=13284200&Site='在线咨询'& Menu=no' title='在线即时交谈'>见费出单(飞哥)</a>");
    </script >
    </td>
    </tr>
    <td align="left"  background="./menumiddle.png">
    <font style="margin-left:30px;font-size:15px; font-weight: bolder; color:#000">&nbsp;&nbsp;V6QQ群号(30781800)</font>
    </td>
    </tr>
    </table>
    </body>
    </html>

    ]]>     http://www.3code.cn/qq-online/feed/ 0     JS间隔状态栏跑马灯效果 http://www.3code.cn/js-pmd/ http://www.3code.cn/js-pmd/#comments Wed, 16 Dec 2009 09:43:49 +0000 admin http://www.3code.cn/?p=1311 区域中 function scrollit(seed) { var m1 = "HI：你 好! "; var m2 = "欢 迎 访 问 南 京 有 线 电 视 台 网 站 "; var m3 = "请 多 提 意 见，谢 谢! "; var m4 = "E-MAIL:webmaster@hrw.cn";]]> JS间隔状态栏跑马灯效果说明:
    第一步:把如下代码加入<head>区域中
    <SCRIPT language="JavaScript">
    <!--
    function scrollit(seed) {
    var m1 = "HI：你 好!             ";
    var m2 = "欢 迎 访 问 南 京 有 线 电 视 台 网 站        ";
    var m3 = "请 多 提 意 见，谢 谢!          ";
    var m4 = "E-MAIL:webmaster@hrw.cn";
    var m5 = "Upper1/default.htm";
    var msg=m1+m2+m3+m4+m5;
    var out = " ";
    var c = 1;
    if (seed > 100) {
    seed--;
    cmd="scrollit("+seed+")";
    timerTwo=window.setTimeout(cmd,100);
    }
    else if (seed <= 100 && seed > 0) {
    for (c=0 ; c < seed ; c++) {
    out+=" ";
    }
    out+=msg;
    seed--;
    window.status=out;
    cmd="scrollit("+seed+")";
    timerTwo=window.setTimeout(cmd,100);
    }
    else if (seed <= 0) {
    if (-seed < msg.length) {
    out+=msg.substring(-seed,msg.length);
    seed--;
    window.status=out;
    cmd="scrollit("+seed+")";
    timerTwo=window.setTimeout(cmd,100);
    }
    else {
    window.status=" ";
    timerTwo=window.setTimeout("scrollit(100)",75);
    }
    }
    }

    //-->

    </SCRIPT>

    第二步:把如下代码加入<body>区域中
    <body background=bag.gif onLoad="scrollit(100)">

    ]]>     http://www.3code.cn/js-pmd/feed/ 0     js禁止图片下载的代码 http://www.3code.cn/js-image-nodownload/ http://www.3code.cn/js-image-nodownload/#comments Wed, 16 Dec 2009 09:41:44 +0000 admin http://www.3code.cn/?p=1309 脚本说明:
    把如下代码加入<body>区域中
    <A HREF="javascript:void(0)" onMouseover="alert('对不起,图片不能随便下载!')"><IMG SRC="j2.gif" Align="center" Border="0" width="99" height="50"></A>

    ]]>     http://www.3code.cn/js-image-nodownload/feed/ 0     js显示器分辨率检测代码 http://www.3code.cn/js-display/ http://www.3code.cn/js-display/#comments Wed, 16 Dec 2009 09:40:20 +0000 admin http://www.3code.cn/?p=1307 区域中: ]]> 利用此脚本可以检测电脑显示器的分辨率：

    脚本说明：
    把如下代码加入<body>区域中:
    <script language="JavaScript1.2">
    <!--
    var correctwidth=1024
    var correctheight=768
    if (screen.width!=correctwidth||screen.height!=correctheight)
    document.write("本站最佳分辨率: "+correctwidth+"*"+correctheight+". 你当前的分辨率是:"+screen.width+"*"+screen.height+"。设置合适的分辨率才能取得最佳的显示效果！")
    //-->
    </script>

    ]]>     http://www.3code.cn/js-display/feed/ 0     js七种风格显示日期时间 http://www.3code.cn/js-datetime-7/ http://www.3code.cn/js-datetime-7/#comments Wed, 16 Dec 2009 09:37:10 +0000 admin http://www.3code.cn/?p=1304 风格一：星期三,12月16日,2009年

    风格二：5:32:58下午

    风格三：星期三,12月16日,2009年 5:32:58下午

    风格四：12/16/09

    风格五:   17:32:58

    风格六:   Wed Dec 16 2009 17:32:58 GMT+0800

    风格七:    5.0 (Windows; zh-CN)

    说明:
    第一步:把如下代码加入<head>区域中

    <SCRIPT language=javascript author=luxiaoqing><!--
    function initArray(){for(i=0;i<initArray.arguments.length;i++)
    this[i]=initArray.arguments[i];}var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");today=new Date();hrs=today.getHours();min=today.getMinutes();sec=today.getSeconds();clckh=""+((hrs>12)?hrs-12:hrs);
    clckm=((min<10)?"0":"")+min;clcks=((sec<10)?"0":"")+sec;clck=(hrs>=12)?"下午":"上午";var stnr="";var ns="0123456789";var a="";

    //-->

    </SCRIPT>

    第二步:把如下代码加入区域中
    <SCRIPT language=javascript><!--
    function getFullYear(d){//d is a date object
    yr=d.getYear();if(yr<1000)
    yr+=1900;return yr;}document.write("<table width=486>");//don't delete this line

    /* 每一段代表一种风格,不需要的删除即可*/

    document.write("<TR><TD VALIGN=TOP><P>风格一<P></TD><TD VALIGN=TOP>"+isnDays[today.getDay()]
    +","+isnMonths[today.getMonth()]+""+today.getDate()+"日,"
    +getFullYear(today)+"年<P>");document.write("<TR><TD VALIGN=TOP>风格二<P></TD><TD VALIGN=TOP>"+clckh+":"+clckm
    +":"+clcks+""+clck+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格三<P></TD><TD VALIGN=TOP>"
    +isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+""
    +today.getDate()+"日,"+getFullYear(today)+"年 "+clckh+":"+clckm+":"
    +clcks+""+clck+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格四<P></TD><TD VALIGN=TOP>"
    +(today.getMonth()+1)+"/"+today.getDate()+"/"
    +(getFullYear(today)+"").substring(2,4)+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格五:<P></TD><TD VALIGN=TOP>"+hrs+":"+clckm+":"+clcks+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格六:<P></TD><TD>"+today+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格七<P></TD><TD>"+navigator.appName+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格八:<P></TD><TD VALIGN=TOP>"+navigator.appVersion+"<P></TD></TR>");document.write("</table>"); // don't delete this line
    //-->
    </SCRIPT>

    ]]>     http://www.3code.cn/js-datetime-7/feed/ 0