JS NetEase photo Album special effects code source download

Source: Internet
Author: User
Tags mixed

Photo Album effect chart

Album Code

The code is as follows Copy Code

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> NetEase old version of the album Special effects </title>
<script type= "Text/javascript" src= "Js/jquery-1.7.1.min.js" ></script>

<body>


<!--demo content started-->
<link type= "Text/css" href= "Css/gallery.css" rel= "stylesheet"/>
<script src= "Js/slider.js" type= "Text/javascript" ></script>

<div class= "Nph_area" >

<div id= "Gallery" class= "Nph_gallery clearfix" >
<div class= "NPH_BG" >
<div class= "Nph_photo" id= "Modephoto" >
<div class= "Nph_photo_view" >
<div id= "Photoview" class= "nph_cnt" >
<i></i>
</div>
<div class= "Nph_photo_prev" >
<a id= "Photoprev" class= "Nph_btn_pphoto" target= "_self" hidefocus= "true" href= "#p =7dobc5ma00ao0001" ></a >
</div>
<div class= "Nph_photo_next" >
<a id= "Photonext" class= "Nph_btn_nphoto" target= "_self" hidefocus= "true" href= "#p =7dobc21a00ao0001" ></a >
</div>
</div>
<!--Nph_photo_view end-->

<div class= "nph_cnt" >
<div class= "nph_cnt clearfix" >
<div class= "Nph_set_info" >
<div id= "SetInfo" >
<div class= "Nph_set_title" >
<span id= "Phototype" class= "Nph_set_cur" > (<span class= "Nph_c_lh" id= "Photoindex" &GT;6&LT;/SPAN&GT;/11) </span>
</div>
</div>
</div>
</div>

<div id= "Photodesc" class= "Nph_photo_desc" >
<p></p>
</div>
</div><!--nph_cnt end-->

<div class= "nph_cnt" >
<div class= "Clearfix" >
<div class= "Nph_set" >
<div class= "Nph_set_thumb" >
<div id= "scrl" class= "Nph_photo_thumb clearfix" style= "width:589px"; >
<div class= "Clearfix" >
<div class= "NPH_SCRL" >
<div class= "Nph_scrl_thumb" >
<div class= "Nph_scrl_main" id= "Nph_scrl_main" >
<ul id= "thumb" class= "Nph_list_thumb clearfix" style= "width:1180px"; >
<li>
<a href= "#p =80ldc1ri43ud0031" hidefocus= "true" ></a>
<p>1, recently the "Apostles" Forum issued a group called the mixed-race beauty show concave and convex figure of the portrait, Qing game public test. </p>
<i title= "img" >/photo/0031/2012-05-04/80LDC1RI43UD0031.jpg</i>
<i title= "Timg" >/0031/2012-05-04/t_80LDC1RI43UD0031.jpg</i>
</li>
<li>
<a href= "#p =80ldbvg943ud0031" hidefocus= "true" ></a>
<p>2, recently the "Apostles" Forum issued a group called the mixed-race beauty show concave and convex figure of the portrait, Qing game public test. </p>
<i title= "img" >/photo/0031/2012-05-04/80LDBVG943UD0031.jpg</i>
<i title= "Timg" >/0031/2012-05-04/t_80LDBVG943UD0031.jpg</i>
</li>
<li>
<a href= "#p =80ldc4eg43ud0031" hidefocus= "true" ></a>
<p>3, recently the "Apostles" Forum issued a group called the mixed-race beauty show concave and convex figure of the portrait, Qing game public test. </p>
<i title= "img" >/0031/2012-05-04/80LDC4EG43UD0031.jpg</i>
<i title= "Timg" >/photo/0031/2012-05-04/t_80LDC4EG43UD0031.jpg</i>
</li>
<li>
<a href= "#p =80ldc11r43ud0031" hidefocus= "true" ></a>
<p>4, recently the "Apostles" Forum issued a group called the mixed-race beauty show concave and convex figure of the portrait, Qing game public test. </p>
<i title= "img" >/0031/2012-05-04/80LDC11R43UD0031.jpg</i>
<i title= "Timg" >/0031/2012-05-04/t_80LDC11R43UD0031.jpg</i>
</li>
<li>
<a href= "#p =80ldbvoe43ud0031" hidefocus= "true" ></a>
<p>5, recently the "Apostles" Forum issued a group called the mixed-race beauty show concave and convex figure of the portrait, Qing game public test. </p>
<i title= "img" >/0031/2012-05-04/80LDBVOE43UD0031.jpg</i>
<i title= "Timg" >/photo/0031/2012-05-04/t_80LDBVOE43UD0031.jpg</i>
</li>
<li>
<a href= "#p =80ldc0be43ud0031" hidefocus= "true" ></a>
<p>6, recently the "Apostles" Forum issued a group called the mixed-race beauty show concave and convex figure of the portrait, Qing game public test. </p>
<i title= "img" >/0031/2012-05-04/80LDC0BE43UD0031.jpg</i>
<i title= "Timg" >/photo/0031/2012-05-04/t_80LDC0BE43UD0031.jpg</i>
</li>
<li>
<a href= "#p =80ldc1b543ud0031" hidefocus= "true" ></a>
<p>7, recently the "Apostles" Forum issued a group called the mixed-race beauty show concave and convex figure of the portrait, Qing game public test. </p>
<i title= "img" >/0031/2012-05-04/80LDC1B543UD0031.jpg</i>
<i title= "Timg" >/photo/0031/2012-05-04/t_80LDC1B543UD0031.jpg</i>
</li>
<li>
<a href= "#p =80ldc2j743ud0031" hidefocus= "true" ></a>
<p>8, recently the "Apostles" Forum issued a group called the mixed-race beauty show concave and convex figure of the portrait, Qing game public test. </p>
<i title= "img" >/photo/0031/2012-05-04/80LDC2J743UD0031.jpg</i>
<i title= "Timg" >/0031/2012-05-04/t_80LDC2J743UD0031.jpg</i>
</li>
<li>
<a href= "#p =80ldc2te43ud0031" hidefocus= "true" ></a>
<p>9, recently the "Apostles" Forum issued a group called the mixed-race beauty show concave and convex figure of the portrait, Qing game public test. </p>
<i title= "img" >/photo/0031/2012-05-04/80LDC2TE43UD0031.jpg</i>
<i title= "Timg" >/0031/2012-05-04/t_80LDC2TE43UD0031.jpg</i>
</li>
<li>
<a href= "#p =80ldc3bp43ud0031" hidefocus= "true" ></a>
&LT;P&GT;10, recently the "Apostles" Forum issued a group called the mixed-race beauty show concave and convex figure of the portrait, Qing game public test. </p>
<i title= "img" >/0031/2012-05-04/80LDC3BP43UD0031.jpg</i>
<i title= "Timg" >/photo/0031/2012-05-04/t_80LDC3BP43UD0031.jpg</i>
</li>
<li>
<a href= "#p =80ldc43543ud0031" hidefocus= "true" ></a>
<p>11, recently the "Apostles" Forum issued a group called the mixed-race beauty show concave and convex figure of the portrait, Qing game public test. </p>
<i title= "img" >/0031/2012-05-04/80LDC43543UD0031.jpg</i>
<i title= "Timg" >/photo/0031/2012-05-04/t_80LDC43543UD0031.jpg</i>
</li>
</ul>
</div>

<div class= "Nph_scrl_bar clearfix" >
<span class= "Nph_scrl_lt" ></span>
<span class= "Nph_scrl_rt" ></span>
<div class= "NPH_SCRL_BD" >
<div class= "nph_scrl_ct" id= "nph_scrl_ct" >
<a id= "Bar" class= "NPH_BTN_SCRL" >
<b class= "Nph_btn_lt" ></b>
<b class= "Nph_btn_rt" ></b>
<span class= "NPH_BTN_BD" ><span><b class= "nph_btn_ct" ></b></span></span>
</a>
</div>
</div>
</div>

</div>
</div>

<span class= "Nph_scrl_prev" ><a id= "Scrlprev" class= "Nph_btn_pscrl" hidefocus= "true" href= "Javascript:void" ( 0) "></a></span>
<span class= "Nph_scrl_next" ><a id= "Scrlnext" class= "Nph_btn_nscrl" hidefocus= "true" href= "Javascript:void" ( 0) "></a></span>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!--Gallery end-->

</div>

<script type= "Text/javascript" >
var slider = new Slider ({
IContainer: "Nph_scrl_ct",
Idrag: "Bar",
PLUSBTN: "Scrlprev",
REDUCEBTN: "Scrlnext",
Panel: "Thumb",
Content: "Nph_scrl_main",
Direction: "Left",
Acceleration:5,
Slideracc:1
});

var ul = $.get ("Nph_scrl_main"),
List = Ul.getelementsbytagname ("Li"),
Len = List.length,
Intervald = Math.ceil (Ul.scrollwidth/len),
intervals = Math.ceil (slider. Max.left/len),
index = 1,
Photoprev = $.get ("Photoprev"),
Photonext = $.get ("Photonext"),
Photo = $.get ("Photo"),
Photoindex = $.get ("Photoindex"),
Photodesc = $.get ("Photodesc"). getElementsByTagName ("P") [0];

function Removeclass () {
$.each (list, function (o, i) {
O.classname = "";
});
}

function Go (i, O) {
index = i;
var _distance = 0;
if (i > 2) {
Slider.content.scrollLeft = Intervald * (i-2);
}else{
Slider.content.scrollLeft = 0;
}
_distance = intervals * I;
if (i = = = len-1) {
_distance = intervals * (i + 1);
}
Slider.idrag.style.left = Math.min (Math.max (_distance, 0), slider. Max.left) + "px"
Removeclass ();
O.classname = "Nph_list_active";
PHOTO.SRC = O.getelementsbytagname ("i") [0].innerhtml;
photodesc.innerhtml = O.getelementsbytagname ("P") [0].innerhtml;
photoindex.innerhtml = i + 1;
}

Go (0, list[0]);

$.each (list, function (o, i) {
$.addevent (o, function () {
Go (i, O);
}, "click");
});

$.addevent (Photonext, function () {
index++;
if (index >= len) {
index = len-1;
Return
}
Go (index, list[index]);

}, "click");

$.addevent (Photoprev, function () {
index--;
if (Index < 0) {
index = 0;
Return
}
Go (index, list[index]);

}, "click");
</script>

</body>

NetEase album special effects source Download: Http://file.111cn.net/upload/2013/10/aa.zip

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.