Preview and source code download of 10 jquery image ad effects, and jquery image Advertisement

Preview and source code download of 10 jquery image ad effects, and jquery image Advertisement

<P> <B> 1. jQuery imitation Haier Official Website full screen focus image special effect Code </B> </p>
<P> the Query function is similar to the full-screen focus image special effect code on Haier's official website. The jQuery focus chart with the left and right arrows switches the special effect. When the focus chart is switched, the three smaller charts below also correspond to the switch. </P>

<A href = "http://www.jqshare.com/Jq/demo/id/136.html" target = "_ blank"> online demonstration </a>
<A href = "http://www.jqshare.com/Uploads/down/51efeef854edd.zip" target = "_ blank"> source code download </a>
<P> <B> 2. Very cool jQuery dynamic random background rolling effect </B> </p>
<P> very cool jQuery dynamic random background rolling effect. The image background will scroll without stopping, with the floating visual effect and small circles. </P>

<A href = "http://www.jqshare.com/Jq/demo/id/135.html" target = "_ blank"> online demonstration </a>
<A href = "http://www.jqshare.com/Uploads/down/51efeb9b639bd.zip" target = "_ blank"> source code download </a>
<P> <B> 3. jQuery three-dimensional dynamic drop-down menu effects </B> </p>
<P> jQuery three-dimensional dynamic drop-down navigation menu effects, move the mouse over the menu bar, pull a background image above the menu bar, the effect is very good. </P>

<A href = "http://www.jqshare.com/Jq/demo/id/134.html" target = "_ blank"> online demonstration </a>
<A href = "http://www.jqshare.com/Uploads/down/51efe6c59c5cd.zip" target = "_ blank"> source code download </a>
<P> <B> 4. jQuery WIN 7 transparent pop-up Layer Effect </B> </p>
<P> jQuery WIN 7 transparent pop-up layer effect. Click it to bring up a transparent layer. The plug-in can adjust the width and height of the pop-up box. It is a good pop-up layer plug-in. </P>

<A href = "http://www.jqshare.com/Jq/demo/id/133.html" target = "_ blank"> online demonstration </a>
<A href = "http://www.jqshare.com/Uploads/down/51eea0067ce1c.zip" target = "_ blank"> source code download </a>
<P> <B> 5. Custom host jQuery slider effects when purchasing common hosts </B> </p>
<P> when purchasing a common host, you can customize the jQuery slider special effect of the host. Drag a small button on the straight line and the numbers below will change accordingly, which has a good effect. Common Terms: Configure special effects for self-purchased hosts. </P>

<A href = "http://www.jqshare.com/Jq/demo/id/132.html" target = "_ blank"> online demonstration </a>
<A href = "http://www.jqshare.com/Uploads/down/51ee9adc9c2a8.zip" target = "_ blank"> source code download </a>
<P> <B> 6. Edit the graphic drop-down list navigation menu effect using jquery </B> </p>
<P> jquery provides a very simple and elegant navigation menu effect by writing graphic drop-down menu effects. </P>

<A href = "http://www.jqshare.com/Jq/demo/id/131.html" target = "_ blank"> online demonstration </a>
<A href = "http://www.jqshare.com/Uploads/down/51ee98d6a1242.zip" target = "_ blank"> source code download </a>
<P> <B> 7. Imitation of jquery slide effects on the home delivery website </B> </p>
<P> similar to the jquery slide effects on the home site, this is a rare jquery slide switching effect. It also works well in compatibility and is compatible with IE6. it can be used on many enterprise portal websites. </P>

<A href = "http://www.jqshare.com/Jq/demo/id/130.html" target = "_ blank"> online demonstration </a>
<A href = "http://www.jqshare.com/Uploads/down/51ee934071ce9.zip" target = "_ blank"> source code download </a>
<P> <B> 8. edit a very cool font display effect using jQuery </B> </p>
<P> jQuery provides a very cool font display effect and a cool effect. It enables text to become larger and smaller, text to move, and switching between text and background. </P>

<A href = "http://www.jqshare.com/Jq/demo/id/129.html" target = "_ blank"> online demonstration </a>
<A href = "http://www.jqshare.com/Uploads/down/51e4181335b82.zip" target = "_ blank"> source code download </a>
<P> <B> 9. A jQuery image slide effect on jusheng wanhe website </B> </p>
<P> A jQuery image slide effect on the official website of jusheng wanhe. It supports jQuery slide code with left and right arrows for automatic picture switching. </P>

<A href = "http://www.jqshare.com/Jq/demo/id/127.html" target = "_ blank"> online demonstration </a>
<A href = "http://www.jqshare.com/Uploads/down/51d98bf571685.zip" target = "_ blank"> source code download </a>
<P> <B> 10. Dynamic Effects of a car speed table based on jQuery special effects </B> </p>
<P> the dynamic effects of a car speed table compiled based on jQuery special effects. The jQuery car speed table effect is a simple graphical car speed table effect, similar to our common car and motorcycle dashboard, the effect is realistic. You can set the current speed through the script, and the pointer will rotate according to the speed. </P>

<A href = "http://www.jqshare.com/Jq/demo/id/126.html" target = "_ blank"> online demonstration </a>
<A href = "http://www.jqshare.com/Uploads/down/51d9882a4622d.zip" target = "_ blank"> source code download </a>

JS or jquery upload code with image Preview

Local preview is definitely not feasible. This is the browser's security concerns.
However, you can use pseudo ajax to upload images to the server and preview them. This type does not need to be refreshed.
 
Jquery multi-image Preview

I wrote a new one for you and copied it to notepad and saved it as html for debugging (Jquery is referenced online ).
The following code passes the test in IE8 and FF.
In addition, if the program has any problems, you can HI me.
<! Doctype html public "-// W3C // dtd html 4.01 Transitional // EN" "www.w3.org/TR/html4/loose.dtd">
<Html>
<Head>
<Title> New Document </title>
<Script src = "ajax.googleapis.com/..min.js" type = "text/javascript"> </script>

<Script type = "text/javascript">
// Global variable
Var FileCount = 0; // The total number of uploaded files
// Add the upload button
Function addFile (obj)
{
Var filePath = $ (obj). prev (). val ();
Var FireFoxFileName = "";
// The path of the FireFox file must be specially processed
If (window. navigator. userAgent. indexOf ("Firefox ")! =-1)
{
FireFoxFileName = filePath;
FilePath = $ (obj). prev () [0]. files. item (0). getAsDataURL ();
}
If (! CheckFile (filePath, FireFoxFileName ))
{
$ (Obj). prev (). val ("");
Return;
}
If (filePath. length = 0)
{
Alert ("Select Upload File ");
Return false;
}
FileCount ++;
// Add upload button
Var html = '<span> ';
Html + = '<input id = "F' + FileCount +'" name = "'+ FileCount +'" type = "file"/> ';
Html + = &... the remaining full text>