ลำดับตอนที่ #1
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #1 : ลำดับตอนที่ 1
$(document).ready(function() {
//Set Default State of each portfolio piece
$(".paging").show();
$(".paging a:first").addClass("active");
//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;
//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});
//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
$(".paging a") Class('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );
};
//Rotation + Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
$active = $('.paging a.active').next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 4000); //Timer speed in milliseconds (3 seconds)
};
rotateSwitch(); //Run function on launch
//On Hover
$(".image_reel a").hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation
});
//On Click
$(".paging a").click(function() {
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});
});
$(document).ready(function() {
//
//When you click on a link with class of poplight and the href starts with a #
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
//Pull Query & Variables from href URL
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
//Fade in the Popup and add close button
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
//Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Fade in Background
$('body').append(''); //Add the fade layer to bottom of the body tag.
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
return false;
});
//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close') (); //fade them both out
});
return false;
});
});
$(document).ready(function() {
$("ul.gallery li").hover(function() { //On hover...
var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'
//Set a background image(thumbOver) on the tag - Set position to bottom
$(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});
//Animate the image to 0 opacity (fade it out)
$(this).find("span").stop().fadeTo('normal', 0 , function() {
$(this).hide() //Hide the image after fade
});
} , function() { //on hover out...
//Fade the image to full opacity
$(this).find("span").stop().fadeTo('normal', 1).show();
});
});
body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth638.cur), progress !important;}
img{
opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);
-webkit-transition-duration:.5s; -moz-transition-duration:.5s;
-o-transition-duration:.5s;-khtml-transition-duration:.5s;}
img:hover {
filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;
-webkit-transition-duration:.5s; -moz-transition-duration:.5s;
-o-transition-duration:.5s;-khtml-transition-duration:.5s;}
*::selection{background:#f7f7f7;color:#666;}
*::-moz-selection{background:#f7f7f7;color:#666;}
*::-webkit-selection{background:#f7f7f7;color:#666;}
#navbar-iframe { display: none; }
a { font: Normal 12px Tahoma; color: #333; text-transform: Lowercase; text-decoration: none; border:none; -webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 350ms; }
a:hover { font: Normal 12px Tahoma; color: #000; letter-spacing: 1px; text-transform: Uppercase; text-decoration: none; font-style: bold;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 350ms;
visibility : visible;
float : none;
clear : none;
position : relative;
top : 1pt;
left : 2pt; !important; }
a:active { outline: none; }
.h1 { font: Bold 15px Tahoma; color: #aaa; letter-spacing: -1px; text-transform: lowercase; padding: 5px; }
.h2 { letter-spacing: 0.5px; font: Normal 12px Tahoma; color: #333; padding: 5px; }
.date {
font: Bold 20px Tahoma;
color: #000000;
letter-spacing: -2px;
text-transform: Uppercase;
padding: 5px;
}
.blogtext { font: Normal 11px Tahoma; color: #333; padding-left: 5px; }
.title {
font: Normal 11px Tahoma;
letter-spacing : 2px;
color: #333;
text-transform: Uppercase;
padding-left: 5px;
}
blockquote {
font: Normal 11px Tahoma;
background-color: #eee; color: #444; padding: 5px; }
body {
background: #FFFFFF;
}
.main_view {
position: absolute;
top: 50px; left: 200px;
overflow: hidden;
}
.window {
height:500px;
width: 400px;
overflow: hidden;
position: relative;
background-color: #fff;
}
.hi8 {
font-family: georgia;
font-size: 32px;
font-style: italic;
text-transform: lowercase;
color: #000000;
line-height: normal;
text-decoration: blink;
letter-spacing: 3px;
}
.image_reel {
position: absolute;
top: 0; left: 0;
color: #fff;
}
.image_reel img { float: left; color:#fff; background-color: #fff; outline:none; }
.paging {
position: absolute;
top: 380px; left: 830px; margin-left: -230px;
width: 150px; height:37px;
;
text-align: center;
line-height: 40px;
display: none;
}
.paging a {
padding: 5px;
text-decoration: none;
color: #CCCCCC;
}
.paging a.active {
font-weight: bold;
background: #fff;
color: #333;
border: 1px solid #ccc;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
-webkit-box-shadow: 0px 0px 20px #ddd;
-moz-box-shadow: 0px 0px 20px #ddd;
box-shadow: 0px 0px 20px #ddd;
outline: none;
}
.paging a:hover { font-weight:bolder;}
#fade {
display: none;
background: #eee;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
;
}
.popup_block{
display: none;
background: #fff;
padding: 10px;
border: 10px solid #fff;
float: left;
position: fixed;
height: 300px;
top: 50%; left: 50%;
overflow: auto; overflow-x: hidden;
;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #888;
-moz-box-shadow: 0px 0px 20px #888;
box-shadow: 0px 0px 20px #888;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin: -25px -25px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
ul.gallery {
width: 708px; /*--Adjust width according to your scenario--*/
list-style: none;
margin: 0; padding: 0;
}
ul.gallery li {
float: left;
margin: 10px; padding: 0;
text-align: center;
border: 1px solid #ccc;
-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
width: 100px; /*--Width of image--*/
height: 100px; /*--Height of image--*/
padding: 0px;
border-bottom: 1px solid #ccc;
cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
width: 100px;
height: 100px;
overflow: hidden;
display: block;
}
ul.gallery li a.thumb:hover {
background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
margin: 0; padding: 10px;
background: #f0f0f0;
border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}
welcome to my iD. ZMLASHINE! / up! 20 . 11 . 2012 .
I Love U : ?? ?? / ????????????? / ????!
You make me want to be a better man.
i adore art . i crazy manga . i love everything!
?????! ยินี้อนรับ​เ้าสู่ ' ​ไทม์​แมีน ' รับ
​ไอีราวนี้​เป็น​เ็ทู่ับ ' ปลา ' ลูสาวสุที่รัอมาร์รับ :D
สำ​หรับธีมนี้ ้ออบุสปอน​เอร์ทั้สอรับ ือ ' บีม ' ับ ' นิ ' นั่น​เอ !
​ไม่​ไ้นอ​ใ ' 0027 ' นะ​รับ ​แ่​แบบว่ามันมีนวนมาม่า​เล็น้อยับ​เรื่อาร์ูน lol
สุท้ายนี้หวัว่าะ​​ไม่มี​ใร​ใ้ธีมอมาร์​เป็น ' ​แรบันาล​ใ ' อีนะ​รับ :D
document.title = "ZMLASHINE ! ( style . z m l a s h` )";
ความคิดเห็น