<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[前端技术]]></title>
<link>http://www.cssrain.cn/</link>
<description><![CDATA[读者的进步速度远大于博客的进步速度。]]></description>
<language>zh-cn</language>
<copyright><![CDATA[Copyright 2005 PBlog2 v2.4]]></copyright>
<webMaster><![CDATA[cssrain@gmail.com(CssRain)]]></webMaster>
<generator>PBlog2 v2.4</generator> 
<image>
	<title>前端技术</title> 
	<url>http://www.cssrain.cn/images/logos.gif</url> 
	<link>http://www.cssrain.cn/</link> 
	<description>前端技术</description> 
</image>

			<item>
			<link>http://www.cssrain.cn/default.asp?id=1435</link>
			<title><![CDATA[jQuery插件---轻量级的弹出窗口wBox.]]></title>
			<author>cssrain@gmail.com(admin)</author>
			<category><![CDATA[TeamWork]]></category>
			<pubDate>Wed,10 Mar 2010 10:15:45 +0800</pubDate>
			<guid>http://www.cssrain.cn/default.asp?id=1435</guid>	
		<description><![CDATA[<span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: 12px Tahoma, Georgia, Helvetica, 'Times New Roman', Times, Arial, serif; TEXT-TRANSFORM: none; COLOR: rgb(51,51,51); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="LINE-HEIGHT: 19px">
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; TEXT-INDENT: 26px; PADDING-TOP: 0px"><span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 13px; FONT-FAMILY: arial, sans-serif; BORDER-COLLAPSE: collapse">Sender's name : 断桥残雪<br />Sender's Email :<span class="Apple-converted-space">&nbsp;</span><a style="COLOR: rgb(42,93,176)" href="http://www.cssrain.cn/mailto:ksky521@gmail.com">ksky521@gmail.com</a><br />Referrer :<span class="Apple-converted-space">&nbsp;</span><a style="COLOR: rgb(42,93,176)" href="http://www.cssrain.cn/demo/1/mail.html" target="_blank">http://www.cssrain.cn/demo/1/<wbr></wbr>mail.html</a></span></span></p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; TEXT-INDENT: 26px; PADDING-TOP: 0px"><strong style="FONT-WEIGHT: bold"><a style="COLOR: rgb(47,99,179); TEXT-DECORATION: none; outline-style: none" href="http://www.js8.in/wbox/wbox0.1.zip" target="_blank">wBox</a></strong>&mdash;&mdash;轻量级的弹出窗口<strong style="FONT-WEIGHT: bold">jQuery插件</strong>，基于<a title="jQuery1.4" style="COLOR: rgb(47,99,179); TEXT-DECORATION: none; outline-style: none" href="http://www.js8.in/tag/jquery1-4">jQuery1.4</a>开发，主要实现弹出框的效果，并且加入了很多有趣的功能，比如可img灯箱效果，callback函数，显示隐藏层，<a title="Ajax" style="COLOR: rgb(47,99,179); TEXT-DECORATION: none; outline-style: none" href="http://www.js8.in/category/%e7%bd%91%e7%bb%9c%e6%8a%80%e6%9c%af/ajax-%e7%bd%91%e7%bb%9c%e6%8a%80%e6%9c%af">Ajax</a>页面，iframe嵌入页面&hellip;&hellip;</p>
<ol style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; TEXT-INDENT: 26px; PADDING-TOP: 0px">
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">背景透明度可以根据实际情况进行调节，甚至不设置背景</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">可以根据需要添加wBox标题</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">支持设置窗口位置，默认为在中心显示</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">支持callback函数</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">支持html内容自定义</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">img灯箱看图功能</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">支持在wBox显示#ID的内容</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">支持Ajax页面内容</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">支持设置背景，不设置背景</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">支持wBox拖拽功能</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">ESC键，或者在背景上双击即可关闭wBox</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">.wBoxClose的内容click可以关闭wBox，无论是组装的html，还是隐藏的html，甚至于iframe的内容中的.wBoxClose</li>
</ol>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; TEXT-INDENT: 26px; PADDING-TOP: 0px">下面简单介绍下wBox的使用方法：</p>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">简单的使用方法</h3>
<ol style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; TEXT-INDENT: 26px; PADDING-TOP: 0px">
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">首先<a title="下载wbox" style="COLOR: rgb(47,99,179); TEXT-DECORATION: none; outline-style: none" href="http://www.js8.in/wbox/wbox0.1.zip" target="_blank">下载wBox</a>文件，然后将wBox中的</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">引入wbox.js文件</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal">引入wbox.css文件</li>
    <li style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal"><span style="COLOR: rgb(255,102,0)"><strong style="FONT-WEIGHT: bold">注意</strong></span>：wBox源代码文件夹中的图片要跟js，css放在相同的目录下,loading.gif要跟你页面放在同一个目录</li>
</ol>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; TEXT-INDENT: 26px; PADDING-TOP: 0px">html代码如下：</p>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="html" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">&lt;a href=&quot;#nosee&quot; class='wBox'&gt;这是一个隐藏wBox&lt;/a&gt;
&lt;div id=&quot;nosee&quot; style=&quot;display:none&quot;&gt;这里是个隐藏的id为nosee的DIV&lt;/div&gt;
&lt;a href='http://www.js8.in/wbox/001.jpg' class='wBox'&gt;这是一个image wBox&lt;/a&gt;</pre>
</div>
</div>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; TEXT-INDENT: 26px; PADDING-TOP: 0px">js代码如下：</p>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">&quot;.wBox&quot;</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; TEXT-INDENT: 26px; PADDING-TOP: 0px">这样就建立了一个最简单的wBox.</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; TEXT-INDENT: 26px; PADDING-TOP: 0px"><span id="more-502"></span></p>
<p class="demoview" style="BORDER-RIGHT: rgb(102,102,102) 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: rgb(102,102,102) 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 12px; BORDER-LEFT: rgb(102,102,102) 1px solid; TEXT-INDENT: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: rgb(102,102,102) 1px solid; BACKGROUND-COLOR: rgb(204,204,204); TEXT-ALIGN: center"><a class="wBox" style="BACKGROUND-POSITION: 0px -69px; PADDING-LEFT: 20px; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(http://www.js8.in/wp-content/themes/philna2/images/icon.gif); COLOR: rgb(47,99,179); TEXT-DECORATION: underline; outline-style: none; background-origin: initial; background-clip: initial" href="http://www.cssrain.cn/fckeditor/editor/fckeditor.html?InstanceName=Message&amp;Toolbar=Default#nosee" target="_blank">这是一个隐藏wBox</a><span class="Apple-converted-space">&nbsp;</span><a class="wBox" style="BACKGROUND-POSITION: 0px -69px; PADDING-LEFT: 20px; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(http://www.js8.in/wp-content/themes/philna2/images/icon.gif); COLOR: rgb(47,99,179); TEXT-DECORATION: underline; outline-style: none; background-origin: initial; background-clip: initial" href="http://www.js8.in/wbox/001.jpg">这是一个image wBox</a></p>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">置名字的wBox</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">&quot;#wbox1&quot;</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">{</span>
title<span style="COLOR: rgb(51,153,51)">:</span> <span style="COLOR: rgb(51,102,204)">&quot;Test Title Name&quot;</span><span style="COLOR: rgb(51,153,51)">,</span>
html<span style="COLOR: rgb(51,153,51)">:</span> <span style="COLOR: rgb(51,102,204)">&quot;点击弹出设置名字的wBox&quot;</span>
<span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">景为透明的wBox</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">&quot;#wbox2&quot;</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">{</span>opacity<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(204,0,0)">0</span><span style="COLOR: rgb(51,153,51)">,</span>html<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(51,102,204)">'点击弹出背景为透明的wBox'</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">出无背景wBox</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">&quot;#wbox3&quot;</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">{</span>overlay<span style="COLOR: rgb(51,153,51)">:</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">false</span><span style="COLOR: rgb(51,153,51)">,</span>html<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(51,102,204)">'点击弹出无背景wBox'</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">ref为图片的进行wBox</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">'.wbox'</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">藏id为#info的层</h3>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; TEXT-INDENT: 26px; PADDING-TOP: 0px">代码：</p>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">'.wbox'</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">拖拽的#wBoxUL层</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">'#drag'</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">{</span>drag<span style="COLOR: rgb(51,153,51)">:</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">true</span><span style="COLOR: rgb(51,153,51)">,</span>title<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(51,102,204)">'wBox功能简介部分的层'</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">mg灯箱连看</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">&quot;#imgA&quot;</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">{</span>images<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(0,153,0)">[</span><span style="COLOR: rgb(51,102,204)">'001.jpg'</span><span style="COLOR: rgb(51,153,51)">,</span><span style="COLOR: rgb(51,102,204)">'002.jpg'</span><span style="COLOR: rgb(51,153,51)">,</span><span style="COLOR: rgb(51,102,204)">'003.jpg'</span><span style="COLOR: rgb(51,153,51)">,</span><span style="COLOR: rgb(51,102,204)">'004.jpg'</span><span style="COLOR: rgb(51,153,51)">,</span><span style="COLOR: rgb(51,102,204)">'005.jpg'</span><span style="COLOR: rgb(0,153,0)">]</span><span style="COLOR: rgb(51,153,51)">,</span>isImage<span style="COLOR: rgb(51,153,51)">:</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">true</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">frame页面嵌入百度</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">&quot;#isFrame&quot;</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">{</span>isFrame<span style="COLOR: rgb(51,153,51)">:</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">true</span><span style="COLOR: rgb(51,153,51)">,</span>iframeWH<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(0,153,0)">{</span>width<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(204,0,0)">800</span><span style="COLOR: rgb(51,153,51)">,</span>height<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(204,0,0)">400</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">地iframe 自使用高度</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">&quot;#isFrame2&quot;</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">{</span>isFrame<span style="COLOR: rgb(51,153,51)">:</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">true</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">置位置为left300 top 100</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">'#setPos'</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">{</span>setPos<span style="COLOR: rgb(51,153,51)">:</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">true</span><span style="COLOR: rgb(51,153,51)">,</span>left<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(204,0,0)">300</span><span style="COLOR: rgb(51,153,51)">,</span>top<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(204,0,0)">100</span><span style="COLOR: rgb(51,153,51)">,</span>html<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(51,102,204)">'设置位置为left300 top 100'</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">jax加载内容</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">&quot;#ajax&quot;</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">有标题的弹出框</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace">$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">&quot;#noTitle&quot;</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">{</span>noTitle<span style="COLOR: rgb(51,153,51)">:</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">true</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<h3 style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN: 0px -10px 5px; COLOR: rgb(51,51,51); PADDING-TOP: 5px; FONT-FAMILY: 'Microsoft YaHei', Times; BACKGROUND-COLOR: rgb(238,238,238); background-origin: initial; background-clip: initial">用callback添加地图的wBox</h3>
<div class="wp_syntax" style="PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; PADDING-LEFT: 0px; OVERFLOW-X: auto; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; WIDTH: 622px; PADDING-TOP: 0px">
<div class="code" style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<pre class="javascript" style="CLEAR: none; PADDING-RIGHT: 0px; OVERFLOW-Y: visible; PADDING-LEFT: 0px; FLOAT: none; OVERFLOW-X: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: monospace"><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">var</span> maplet<span style="COLOR: rgb(51,153,51)">=</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">null</span><span style="COLOR: rgb(51,153,51)">;</span>
oo<span style="COLOR: rgb(51,153,51)">=</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">false</span><span style="COLOR: rgb(51,153,51)">;</span>
<span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">var</span> callback<span style="COLOR: rgb(51,153,51)">=</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">function</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(0,153,0)">{</span>
maplet <span style="COLOR: rgb(51,153,51)">=</span> <span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">new</span> Maplet<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">'myMap'</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span>
maplet.<span style="COLOR: rgb(102,0,102)">centerAndZoom</span><span style="COLOR: rgb(0,153,0)">(</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">new</span> MPoint<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">'HEUIDVZVVHUEEU'</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">,</span><span style="COLOR: rgb(204,0,0)">8</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span>
maplet.<span style="COLOR: rgb(102,0,102)">addControl</span><span style="COLOR: rgb(0,153,0)">(</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">new</span> MStandardControl<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">{</span>view<span style="COLOR: rgb(51,153,51)">:</span> <span style="COLOR: rgb(0,153,0)">{</span>pan<span style="COLOR: rgb(51,153,51)">:</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">false</span><span style="COLOR: rgb(51,153,51)">,</span>ruler<span style="COLOR: rgb(51,153,51)">:</span> <span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">false</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span>
<span style="COLOR: rgb(0,153,0)">}</span>
$<span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(51,102,204)">&quot;#map&quot;</span><span style="COLOR: rgb(0,153,0)">)</span>.<span style="COLOR: rgb(102,0,102)">wBox</span><span style="COLOR: rgb(0,153,0)">(</span><span style="COLOR: rgb(0,153,0)">{</span>
title<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(51,102,204)">'&lt;span style=&quot;font-size:14px&quot;&gt;普加地图&lt;/span&gt;--&lt;span style=&quot;font-size:12px&quot;&gt;可拖拽&lt;/span&gt;'</span><span style="COLOR: rgb(51,153,51)">,</span>
html<span style="COLOR: rgb(51,153,51)">:</span><span style="COLOR: rgb(51,102,204)">&quot;&lt;div id='myMap' style='width:500px;height:400px;'&gt;&lt;/div&gt;&quot;</span><span style="COLOR: rgb(51,153,51)">,</span>
callBack<span style="COLOR: rgb(51,153,51)">:</span>callback<span style="COLOR: rgb(51,153,51)">,</span>drag<span style="COLOR: rgb(51,153,51)">:</span><span style="FONT-WEIGHT: bold; COLOR: rgb(0,51,102)">true</span><span style="COLOR: rgb(0,153,0)">}</span><span style="COLOR: rgb(0,153,0)">)</span><span style="COLOR: rgb(51,153,51)">;</span></pre>
</div>
</div>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; TEXT-INDENT: 26px; PADDING-TOP: 0px">加载地图-利用callback函数</p>
<p class="demoview" style="BORDER-RIGHT: rgb(102,102,102) 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: rgb(102,102,102) 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 12px; BORDER-LEFT: rgb(102,102,102) 1px solid; TEXT-INDENT: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: rgb(102,102,102) 1px solid; BACKGROUND-COLOR: rgb(204,204,204); TEXT-ALIGN: center"><a style="BACKGROUND-POSITION: 0px -69px; PADDING-LEFT: 20px; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(http://www.js8.in/wp-content/themes/philna2/images/icon.gif); COLOR: rgb(47,99,179); TEXT-DECORATION: underline; outline-style: none; background-origin: initial; background-clip: initial" href="http://www.js8.in/wbox/" target="_blank">查看演示</a></p>
</span></span>]]></description>
		</item>
		
			<item>
			<link>http://www.cssrain.cn/default.asp?id=1434</link>
			<title><![CDATA[jQuery api plugin for Google Chrome V3.0.]]></title>
			<author>cssrain@gmail.com(admin)</author>
			<category><![CDATA[TeamWork]]></category>
			<pubDate>Tue,09 Mar 2010 18:52:09 +0800</pubDate>
			<guid>http://www.cssrain.cn/default.asp?id=1434</guid>	
		<description><![CDATA[<p>这次主要更新了自动提示功能。 </p>
<p>还有些字段没读，另外样式还没加。 目前只是先写个结构，结果试了下，可以，呵呵。<br /><br /><a href="https://chrome.google.com/extensions/img/ibnnamfohbhmflccioindjabjidiehib/1268131788.56/screenshot_big/1001"><img alt="" src="https://chrome.google.com/extensions/img/ibnnamfohbhmflccioindjabjidiehib/1268131788.56/screenshot_big/1001" /></a><br /><br /><br />插件下载： <a href="https://chrome.google.com/extensions/detail/ibnnamfohbhmflccioindjabjidiehib">https://chrome.google.com/extensions/detail/ibnnamfohbhmflccioindjabjidiehib</a></p>
<p>欢迎大家提出修改意见！<br /></p>]]></description>
		</item>
		
			<item>
			<link>http://www.cssrain.cn/default.asp?id=1433</link>
			<title><![CDATA[CutePsWheel javascript libary：控制输入文本框为可使用滚轮控制的js库.]]></title>
			<author>cssrain@gmail.com(admin)</author>
			<category><![CDATA[TeamWork]]></category>
			<pubDate>Fri,05 Feb 2010 14:23:03 +0800</pubDate>
			<guid>http://www.cssrain.cn/default.asp?id=1433</guid>	
		<description><![CDATA[<h1 class="ContentTitle"><strong><font color="#003300" size="2">Plugin Name : CutePsWheel javascript libary：控制输入文本框为可使用滚轮控制的js库.<br />Author : walkingp</font></strong><span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 13px; FONT-FAMILY: arial, sans-serif; BORDER-COLLAPSE: collapse"><br /></span></span><strong><font color="#003300" size="2">Blog : <a href="http://www.51obj.cn/">http://www.51obj.cn/</a><br />欢迎投递你的插件，投递地址 ： </font><a href="http://www.cssrain.cn/demo/1/mail.html"><font color="#003300" size="2">http://www.cssrain.cn/demo/1/mail.html</font></a><br /><font color="#003300" size="2">或者发送到 </font></strong><a href="http://www.cssrain.cn/mailto:CssRain@gmail.com"><strong><font color="#003300" size="2">CssRain@gmail.com</font></strong></a></h1>
<p class="ContentTitle"><span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 13px; FONT-FAMILY: arial, sans-serif; BORDER-COLLAPSE: collapse">CutePsWheel javascript libary<br /><br />简介:<br /><br />用于控制输入数字类型文本框实现鼠标滚轮上下滑动改变值，<wbr></wbr>支持正整数、小数类型输入文本。<br /><br />&nbsp; &nbsp;* 兼容IE/Firefox/Opera/Safari/<wbr></wbr>Chrom<br />&nbsp; &nbsp;* 可定义滚动变化间隔值，支持整数、浮点数<br />&nbsp; &nbsp;* 双击恢复初始值<br />&nbsp; &nbsp;* 仅3.92K，压缩后2.67K<br /><br />预览：<a style="COLOR: rgb(42,93,176)" href="http://www.51obj.cn/demo/js/CutePsWheel/demo.html" target="_blank">http://www.51obj.cn/demo/<wbr></wbr>js/CutePsWheel/demo.html</a><br />下载：<a style="COLOR: rgb(42,93,176)" href="http://www.51obj.cn/demo/js/CutePsWheel/cutePsWheel_0_9_1.js" target="_blank">http://www.51obj.cn/demo/<wbr></wbr>js/CutePsWheel/cutePsWheel_0_<wbr></wbr>9_1.js</a><br />演示代码：<a style="COLOR: rgb(42,93,176)" href="http://www.51obj.cn/demo/js/CutePsWheel/cutePSWheel.rar" target="_blank">http://www.51obj.cn/demo/<wbr></wbr>js/CutePsWheel/cutePSWheel.rar</a></span></span></p>
<p class="ContentTitle">jQuery版本：<br /><a href="http://cssrain.cn/demo/jsWheel/demo2.html">http://cssrain.cn/demo/jsWheel/demo2.html</a>&nbsp;&nbsp;&nbsp;&nbsp; <br /></p>]]></description>
		</item>
		
			<item>
			<link>http://www.cssrain.cn/default.asp?id=1432</link>
			<title><![CDATA[JavaScript单元测试工具 — QUnit。]]></title>
			<author>cssrain@gmail.com(admin)</author>
			<category><![CDATA[TeamWork]]></category>
			<pubDate>Thu,04 Feb 2010 22:55:24 +0800</pubDate>
			<guid>http://www.cssrain.cn/default.asp?id=1432</guid>	
		<description><![CDATA[<p><strong><font color="#003300" size="2">Plugin Name : 动态增加input<br />Author : <span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 13px; FONT-FAMILY: arial, sans-serif; BORDER-COLLAPSE: collapse">oncoding</span></span></font><br /></strong><font color="#003300" size="2"><strong>Blog : <span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 13px; FONT-FAMILY: arial, sans-serif; BORDER-COLLAPSE: collapse"><a style="COLOR: rgb(42,93,176)" href="http://www.oncoding.cn/2010/javascript-unit-testing-qunit/" target="_blank">http://www.oncoding.cn/</a></span></span><br />欢迎投递你的插件，投递地址 ： </strong></font><a href="http://www.cssrain.cn/demo/1/mail.html"><font color="#003300" size="2"><strong>http://www.cssrain.cn/demo/1/mail.html</strong></font></a><br /><font color="#003300" size="2"><strong>或者发送到 </strong></font><a href="http://www.cssrain.cn/mailto:CssRain@gmail.com"><font color="#003300" size="2"><strong>CssRain@gmail.com</strong></font></a></p>
<p>文档：<a href="http://docs.google.com/View?id=dft4vhq9_33gd3zhwf6">http://docs.google.com/View?id=dft4vhq9_33gd3zhwf6</a></p>]]></description>
		</item>
		
			<item>
			<link>http://www.cssrain.cn/default.asp?id=1431</link>
			<title><![CDATA[ js中鼠标滚轮事件详解.]]></title>
			<author>cssrain@gmail.com(admin)</author>
			<category><![CDATA[TeamWork]]></category>
			<pubDate>Thu,04 Feb 2010 09:39:12 +0800</pubDate>
			<guid>http://www.cssrain.cn/default.asp?id=1431</guid>	
		<description><![CDATA[<span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 13px; FONT-FAMILY: arial, sans-serif; BORDER-COLLAPSE: collapse">之前js 仿Photoshop鼠标滚轮控制输入框取值中已使用js对鼠标<wbr></wbr>滚轮事件进行控制，滚轮事件其中考虑浏览器兼容性问题<br /><br />附加事件<br /><br />其中经我测试，IE/Opera属于同一类型，<wbr></wbr>使用attachEvent即可添加滚轮事件。<br /><br /><br />&nbsp; &nbsp;/*IE注册事件*/<br />&nbsp; &nbsp;if(document.attachEvent){<br />&nbsp; &nbsp;document.attachEvent('<wbr></wbr>onmousewheel',scrollFunc);<br />&nbsp; &nbsp;}<br /><br />Firefox使用addEventListener添加滚轮事<wbr></wbr>件<br /><br />&nbsp; &nbsp;/*Firefox注册事件*/<br />&nbsp; &nbsp;if(document.addEventListener){<br />&nbsp; &nbsp; &nbsp; &nbsp;document.addEventListener('<wbr></wbr>DOMMouseScroll',scrollFunc,<wbr></wbr>false);<br />&nbsp; &nbsp;}<br /><br />Safari与Chrome属于同一类型，可使用HTML DOM方式添加事件<br /><br />&nbsp; &nbsp;window.onmousewheel=document.<wbr></wbr>onmousewheel=scrollFunc;//IE/<wbr></wbr>Opera/Chrome<br /><br />其中除Firefox外其余均可使用HTML DOM方式添加事件，因此添加事件使用以下方式<br /><br />&nbsp; &nbsp;/*注册事件*/<br />&nbsp; &nbsp;if(document.addEventListener){<br />&nbsp; &nbsp; &nbsp; &nbsp;document.addEventListener('<wbr></wbr>DOMMouseScroll',scrollFunc,<wbr></wbr>false);<br />&nbsp; &nbsp;}//W3C<br />&nbsp; &nbsp;window.onmousewheel=document.<wbr></wbr>onmousewheel=scrollFunc;//IE/<wbr></wbr>Opera/Chrome<br /><br />detail与wheelDelta<br /><br />判断滚轮向上或向下在浏览器中也要考虑兼容性，现在五大浏览器（<wbr></wbr>IE、Opera、Safari、Firefox、<wbr></wbr>Chrome）中Firefox 使用detail，其余四类使用wheelDelta；<wbr></wbr>两者只在取值上不一致，代表含义一致，<wbr></wbr>detail与wheelDelta只各取两个值，<wbr></wbr>detail只取&plusmn;3，wheelDelta只取&plusmn;120，<wbr></wbr>其中正数表示为向上，负数表示向下。<br /><br />&nbsp; &nbsp;&lt;p&gt;&lt;label for=&quot;wheelDelta&quot;&gt; 滚动值:&lt;/label&gt;(IE/Opera)&lt;input type=&quot;text&quot; id=&quot;wheelDelta&quot; /&gt;&lt;/p&gt;<br />&nbsp; &nbsp;&lt;p&gt;&lt;label for=&quot;detail&quot;&gt; 滚动值:(Firefox)&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;detail&quot; /&gt;&lt;/p&gt;<br />&nbsp; &nbsp;&lt;script type=&quot;text/javascript&quot;&gt;<br />&nbsp; &nbsp;var oTxt=document.getElementById(&quot;<wbr></wbr>txt&quot;);<br />&nbsp; &nbsp;/***********************<br />&nbsp; &nbsp;* 函数：判断滚轮滚动方向<br />&nbsp; &nbsp;* 作者：walkingp<br />&nbsp; &nbsp;* 参数：event<br />&nbsp; &nbsp;* 返回：滚轮方向 1：向上 -1：向下<br />&nbsp; &nbsp;*************************/<br />&nbsp; &nbsp;var scrollFunc=function(e){<br />&nbsp; &nbsp; &nbsp; &nbsp;var direct=0;<br />&nbsp; &nbsp; &nbsp; &nbsp;e=e || window.event;<br /><br />&nbsp; &nbsp; &nbsp; &nbsp;var t1=document.getElementById(&quot;<wbr></wbr>wheelDelta&quot;);<br />&nbsp; &nbsp; &nbsp; &nbsp;var t2=document.getElementById(&quot;<wbr></wbr>detail&quot;);<br />&nbsp; &nbsp; &nbsp; &nbsp;if(e.wheelDelta){//IE/Opera/<wbr></wbr>Chrome<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;t1.value=e.wheelDelta;<br />&nbsp; &nbsp; &nbsp; &nbsp;}else if(e.detail){//Firefox<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;t2.value=e.detail;<br />&nbsp; &nbsp; &nbsp; &nbsp;}<br />&nbsp; &nbsp; &nbsp; &nbsp;ScrollText(direct);<br />&nbsp; &nbsp;}<br />&nbsp; &nbsp;/*注册事件*/<br />&nbsp; &nbsp;if(document.addEventListener){<br />&nbsp; &nbsp; &nbsp; &nbsp;document.addEventListener('<wbr></wbr>DOMMouseScroll',scrollFunc,<wbr></wbr>false);<br />&nbsp; &nbsp;}//W3C<br />&nbsp; &nbsp;window.onmousewheel=document.<wbr></wbr>onmousewheel=scrollFunc;//IE/<wbr></wbr>Opera/Chrome/Safari<br />&nbsp; &nbsp;&lt;/script&gt;<br /><br />预览效果<a style="COLOR: rgb(42,93,176)" href="http://www.51obj.cn/demo/js/wheelDelta_detail.html" target="_blank">http://www.51obj.cn/demo/<wbr></wbr>js/wheelDelta_detail.html</a><br /><br />（部分图片见原文：<a style="COLOR: rgb(42,93,176)" href="http://www.51obj.cn/?p=637" target="_blank">http://www.51obj.cn/?<wbr></wbr>p=637</a>）<br /><span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 13px; FONT-FAMILY: arial, sans-serif; BORDER-COLLAPSE: collapse">（以上内容部分内容参考了<a style="COLOR: rgb(42,93,176)" href="http://adomas.org/javascript-mouse-wheel/" target="_blank">http://adomas.org/<wbr></wbr>javascript-mouse-wheel/</a><span class="Apple-converted-space">&nbsp;</span>）</span></span></span></span>]]></description>
		</item>
		
			<item>
			<link>http://www.cssrain.cn/default.asp?id=1430</link>
			<title><![CDATA[js 仿Photoshop鼠标滚轮控制输入框值.]]></title>
			<author>cssrain@gmail.com(admin)</author>
			<category><![CDATA[TeamWork]]></category>
			<pubDate>Wed,03 Feb 2010 09:49:14 +0800</pubDate>
			<guid>http://www.cssrain.cn/default.asp?id=1430</guid>	
		<description><![CDATA[<div class="paper01" id="vad" style="FLOAT: right; WIDTH: 130px">　　
<div class="aditem_paper01">
<script type="text/javascript"><!--
google_ad_client = "pub-0545040803774316";
/* 120x90, 创建于 08-11-26 */
google_ad_slot = "8187547317";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<script src="http://pagead2.googlesyndication.com/pagead/expansion_embed.js" type="text/javascript"></script>
<script src="http://googleads.g.doubleclick.net/pagead/test_domain.js" type="text/javascript"></script>
<script src="http://pagead2.googlesyndication.com/pagead/render_ads.js" type="text/javascript"></script>
<script type="text/javascript">google_protectAndRun("render_ads.js::google_render_ad", google_handleError, google_render_ad);</script>
<ins style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 120px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; HEIGHT: 90px; BORDER-BOTTOM-STYLE: none"><ins style="PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; VISIBILITY: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 120px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; HEIGHT: 90px; BORDER-BOTTOM-STYLE: none"></ins></ins>　　</div>
</div>
<!--google广告结束-->
<h1 class="ContentTitle"><strong><font color="#003300" size="2">Plugin Name : <span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-FAMILY: arial, sans-serif; BORDER-COLLAPSE: collapse"><span class="hP" id=":f1" style="PADDING-RIGHT: 10px"><strong>js 仿Photoshop<wbr></wbr>鼠标滚轮控制输入框值</strong></span></span></span><br />Author : walkingp</font></strong><span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 13px; FONT-FAMILY: arial, sans-serif; BORDER-COLLAPSE: collapse"><br /></span></span><strong><font color="#003300" size="2">Blog : <a href="http://www.51obj.cn/">http://www.51obj.cn/</a><br />欢迎投递你的插件，投递地址 ： </font><a href="http://www.cssrain.cn/demo/1/mail.html"><font color="#003300" size="2">http://www.cssrain.cn/demo/1/mail.html</font></a><br /><font color="#003300" size="2">或者发送到 </font></strong><a href="http://www.cssrain.cn/mailto:CssRain@gmail.com"><strong><font color="#003300" size="2">CssRain@gmail.com</font></strong></a></h1>
<p class="ContentTitle">&nbsp;一直很想做这个效果，原理是监听鼠标滚轮事件；可将此效果继续发散到其他应用上，如图片缩放，页面缩放等。<br /><br />已经ff、ie、opera测试，但chrome尚不通过。<br /><br />查看效果 <a href="http://www.51obj.cn/demo/js/wheel.html">http://www.51obj.cn/demo/js/wheel.html</a><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<a href="http://cssrain.cn/demo/jsWheel/demo1.html">http://cssrain.cn/demo/jsWheel/demo1.html</a>&nbsp;&nbsp;&nbsp;&nbsp; </p>
<p class="ContentTitle">jQuery版本：<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://cssrain.cn/demo/jsWheel/demo2.html">http://cssrain.cn/demo/jsWheel/demo2.html</a>&nbsp;&nbsp;&nbsp;&nbsp; <br /></p>]]></description>
		</item>
		
			<item>
			<link>http://www.cssrain.cn/default.asp?id=1429</link>
			<title><![CDATA[jQuery api plugin for Google Chrome.]]></title>
			<author>cssrain@gmail.com(admin)</author>
			<category><![CDATA[TeamWork]]></category>
			<pubDate>Tue,02 Feb 2010 14:27:46 +0800</pubDate>
			<guid>http://www.cssrain.cn/default.asp?id=1429</guid>	
		<description><![CDATA[<p>把小飞的jQuery1.4API简单的做成了一个google浏览器的插件，方便大家查阅。</p>
<p>插件下载：<br /><a href="https://chrome.google.com/extensions/detail/ibnnamfohbhmflccioindjabjidiehib">https://chrome.google.com/extensions/detail/ibnnamfohbhmflccioindjabjidiehib</a></p>
<p>其他插件下载：<br /><a href="https://chrome.google.com/extensions?hl=zh-cn">https://chrome.google.com/extensions?hl=zh-cn</a></p>
<p>新手上路：<br /><a href="http://code.google.com/chrome/extensions/getstarted.html">http://code.google.com/chrome/extensions/getstarted.html</a><br /></p>]]></description>
		</item>
		
			<item>
			<link>http://www.cssrain.cn/default.asp?id=1428</link>
			<title><![CDATA[jQuery插件练习---动态增加input V3.0. ]]></title>
			<author>cssrain@gmail.com(admin)</author>
			<category><![CDATA[TeamWork]]></category>
			<pubDate>Fri,29 Jan 2010 20:50:52 +0800</pubDate>
			<guid>http://www.cssrain.cn/default.asp?id=1428</guid>	
		<description><![CDATA[<h1 class="ContentTitle"><strong><font color="#003300" size="2">Plugin Name : 动态增加input<br />Author : Mr.Zhang<br />Email : </font></strong><a href="http://www.cssrain.cn/mailto:jsw0528@MrZhang.net"><strong><font color="#003300" size="2">jsw0528@MrZhang.net</font></strong></a><br /><strong><font color="#003300" size="2">Blog : http://www.MrZhang.net<br />欢迎投递你的插件，投递地址 ： </font><a href="http://www.cssrain.cn/demo/1/mail.html"><font color="#003300" size="2">http://www.cssrain.cn/demo/1/mail.html</font></a><br /><font color="#003300" size="2">或者发送到 </font></strong><a href="http://www.cssrain.cn/mailto:CssRain@gmail.com"><strong><font color="#003300" size="2">CssRain@gmail.com</font></strong></a></h1>
<div class="Content-body" id="logPanel">
<p><!--StartFragment -->演示：<a href="http://ilikejquery.com/addInput/">http://ilikejquery.com/addInput/</a><br /><br />下载：<a href="http://code.google.com/p/asp-cwb/downloads/list">http://code.google.com/p/asp-cwb/downloads/list</a><br /><br />&nbsp;更多：<a href="http://ilikejquery.com/">http://ilikejquery.com/</a></p>
<span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 12px; COLOR: rgb(41,41,41); LINE-HEIGHT: 16px; FONT-FAMILY: Tahoma, Verdana; TEXT-ALIGN: left">
<p><br />2010.02.01更新：<br /><span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 12px; COLOR: rgb(41,41,41); LINE-HEIGHT: 16px; FONT-FAMILY: Tahoma, Verdana; TEXT-ALIGN: left"><br />addInput正式更名为EasyInsert，延续之前的版本号<br /><br />type新增custom和select两种类型，详见Demo5<br /><br />Demo：<a style="COLOR: rgb(108,140,55); TEXT-DECORATION: none" href="http://IlikejQuery.com/EasyInsert/" target="_blank">http://IlikejQuery.com/EasyInsert/</a><br /></span></span><span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 12px; COLOR: rgb(41,41,41); LINE-HEIGHT: 16px; FONT-FAMILY: Tahoma, Verdana; TEXT-ALIGN: left"><br />Download：<a style="COLOR: rgb(108,140,55); TEXT-DECORATION: none" href="http://asp-cwb.googlecode.com/files/EasyInsert-4.0.rar" target="_blank">http://asp-cwb.googlecode.com/files/EasyInsert-4.0.rar</a></span></span></p>
</span></span>
<p>&nbsp;</p>
</div>]]></description>
		</item>
		
			<item>
			<link>http://www.cssrain.cn/default.asp?id=1427</link>
			<title><![CDATA[jQuery插件练习---动态增加input V2.0.]]></title>
			<author>cssrain@gmail.com(admin)</author>
			<category><![CDATA[TeamWork]]></category>
			<pubDate>Thu,28 Jan 2010 21:03:49 +0800</pubDate>
			<guid>http://www.cssrain.cn/default.asp?id=1427</guid>	
		<description><![CDATA[<h1 class="ContentTitle"><strong><font color="#003300" size="2">Plugin Name : 动态增加input<br />Author : Mr.Zhang<br />Email : </font></strong><a href="http://www.cssrain.cn/mailto:jsw0528@MrZhang.net"><strong><font color="#003300" size="2">jsw0528@MrZhang.net</font></strong></a><br /><strong><font color="#003300" size="2">Blog : http://www.MrZhang.net<br />欢迎投递你的插件，投递地址 ： </font><a href="http://www.cssrain.cn/demo/1/mail.html"><font color="#003300" size="2">http://www.cssrain.cn/demo/1/mail.html</font></a><br /><font color="#003300" size="2">或者发送到 </font></strong><a href="http://www.cssrain.cn/mailto:CssRain@gmail.com"><strong><font color="#003300" size="2">CssRain@gmail.com</font></strong></a></h1>
<div class="Content-body" id="logPanel">
<p>演示：<br /><a href="http://www.cssrain.cn/demo/addInputByZhang/addInput/index.htm">http://www.cssrain.cn/demo/addInputByZhang/addInput/index.htm</a></p>
<p>下载：<br /><a href="http://www.cssrain.cn/demo/addInputByZhang/addInput.rar">http://www.cssrain.cn/demo/addInputByZhang/addInput.rar</a><br /><br /></p>
</div>]]></description>
		</item>
		
			<item>
			<link>http://www.cssrain.cn/default.asp?id=1426</link>
			<title><![CDATA[jQuery插件练习---动态增加input V1.0.]]></title>
			<author>cssrain@gmail.com(admin)</author>
			<category><![CDATA[TeamWork]]></category>
			<pubDate>Tue,26 Jan 2010 20:17:47 +0800</pubDate>
			<guid>http://www.cssrain.cn/default.asp?id=1426</guid>	
		<description><![CDATA[<p><strong><font color="#003300">Plugin Name : 动态增加input<br />Author : Mr.Zhang<br />Email : </font></strong><a href="http://www.cssrain.cn/mailto:jsw0528@MrZhang.net"><strong><font color="#003300">jsw0528@MrZhang.net</font></strong></a><br /><strong><font color="#003300">Blog : http://www.MrZhang.net<br />欢迎投递你的插件，投递地址 ： </font><a href="http://www.cssrain.cn/demo/1/mail.html"><font color="#003300">http://www.cssrain.cn/demo/1/mail.html</font></a><br /><font color="#003300">或者发送到 </font></strong><a href="http://www.cssrain.cn/mailto:CssRain@gmail.com"><strong><font color="#003300">CssRain@gmail.com</font></strong></a></p>
<p>演示：<br /><a href="http://www.cssrain.cn/demo/addInputByZhang/demo.htm">http://www.cssrain.cn/demo/addInputByZhang/demo.htm</a><br /><br /></p>]]></description>
		</item>
		
</channel>
</rss>