Jquery------provides Flexible Method parameters
Last Update:2016-05-22
Source: Internet
Author: User
<span id="Label3"></p><p><p>index.jsp</p></p><pre><pre><span style="color: #0000ff;"><</span><span style="color: #800000;"></span><span style="color: #0000ff;">></span> reunited World <span style="color: #0000ff;"></</span><span style="color: #800000;">H1</span><span style="color: #0000ff;">></span></pre></pre><p><p></p></p><p><p>My.js</p></p><pre>$ (document). Ready (<span style="color: #0000ff;"><span style="color: #0000ff;">function</span></span><span style="color: #000000;"><span style="color: #000000;">(){ (</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">function</span></span><span style="color: #000000;"><span style="color: #000000;">($) {$.fn.shadow</span></span>=<span style="color: #0000ff;"><span style="color: #0000ff;">function</span></span><span style="color: #000000;"><span style="color: #000000;">(opt) {</span></span><span style="color: #008000;"><span style="color: #008000;">/*</span></span><span style="color: #008000;"><span style="color: #008000;">var defaults={copies:15, opacity:0.1, colors: "blue", Copyoffset:function (index) {return {x:index,y:index}; }, };</span></span><span style="color: #008000;"><span style="color: #008000;">*/</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>option=<span style="color: #000000;"><span style="color: #000000;">$.extend ({},$.fn.shadow.defaults,opt); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">return</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;"></span> this</span>. each (<span style="color: #0000ff;"><span style="color: #0000ff;">function</span></span><span style="color: #000000;"><span style="color: #000000;">(){ </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>$original =$ (<span style="color: #0000ff;"><span style="color: #0000ff;"></span> this</span><span style="color: #000000;"><span style="color: #000000;">); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;"></span> for</span>(<span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>i=0;i<option.copies;i++<span style="color: #000000;"><span style="color: #000000;">){ </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>offset=<span style="color: #000000;"><span style="color: #000000;">Option.copyoffset (i); $original. Clone ()</span></span><span style="color: #008000;"><span style="color: #008000;">//</span></span><span style="color: #008000;"><span style="color: #008000;">copying elements</span></span><span style="color: #000000;"><span style="color: #000000;">. CSS ({position:</span></span>"absolute"<span style="color: #000000;"><span style="color: #000000;">, left: $original. offset ().</span></span>+<span style="color: #000000;"><span style="color: #000000;">offset.x, top: $original. offset (). top</span></span>+i+<span style="color: #000000;"><span style="color: #000000;">offset.y, color:option.colors, margin:</span></span>0<span style="color: #000000;"><span style="color: #000000;">, Padding:</span></span>0<span style="color: #000000;"><span style="color: #000000;">, ZIndex:</span></span>-1<span style="color: #000000;"><span style="color: #000000;">, Opacity:option.opacity}) . AppendTo (</span></span>"body"<span style="color: #000000;"><span style="color: #000000;">); } }); }; $.fn.shadow.defaults</span></span>=<span style="color: #000000;"><span style="color: #000000;">{copies:</span></span>15<span style="color: #000000;"><span style="color: #000000;">, Opacity:</span></span>0.1<span style="color: #000000;"><span style="color: #000000;">, Colors:</span></span>"red"<span style="color: #000000;"><span style="color: #000000;">, Copyoffset:</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">function</span></span><span style="color: #000000;"><span style="color: #000000;">(index) {</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">return</span></span><span style="color: #000000;"><span style="color: #000000;">{x:index,y:index}; }, }; }) (jQuery); $.fn.shadow.defaults.copies</span></span>=10<span style="color: #000000;"><span style="color: #000000;">; $(</span></span>"h1"<span style="color: #000000;"><span style="color: #000000;">). Shadow ({</span></span><span style="color: #008000;"><span style="color: #008000;">//</span></span><span style="color: #008000;"><span style="color: #008000;">copies:15,</span></span>opacity:0.1<span style="color: #000000;"><span style="color: #000000;">, Copyoffset:</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">function</span></span><span style="color: #000000;"><span style="color: #000000;">(index) {</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">return</span></span>{x:-index,y:-2*<span style="color: #000000;"><span style="color: #000000;">index}; }, colors:</span></span>"blue"<span style="color: #000000;"><span style="color: #000000;">, });});</span></span></pre><p><p></p></p><p><p>Jquery------provides Flexible Method parameters</p></p></span>
