CSS
===========================================================
<style>
.box_login_ajax {
position: absolute;
}
#mask {
background: black;
position: fixed;
}
</style>
HTML
===========================================================
<div id="mask"></div>
<a id='dangnhap_a' href="http://localhost/retot/modules.php?name=Your_Account&newlang=vietnamese">ѡng nh?p</a>
<div class="box_login_ajax">
<h4>ѡng nhap</h4>
</div>
JQUERY
===========================================================
$("#dangnhap_a").click(function(){
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
$('#mask').fadeIn(500);
$('#mask').fadeTo("slow",0.5);
$(".box_login_ajax").show();
$(".box_login_ajax").css({"zIndex":9001});
$(".box_login_ajax").css('top', maskHeight/15);
$(".box_login_ajax").css('left', maskWidth/2-$(".box_login_ajax").width()/2);
return false;
});
$(".btn.close_box").click(function () {
$('#mask').hide();
$(".box_login_ajax").hide();
$('.window').hide();
});
$('#mask').click(function () {
$(this).hide();
$(".box_login_ajax").hide();
$('.window').hide();
});
Kiến thức là vô biên, vì vậy hãy chia sẻ nó. Trên đây là một số công cụ và source mình sưu tầm được. Mong là nó sẽ hữu ích đối với bạn !
Code Google
Thứ Ba, 25 tháng 6, 2013
Thứ Bảy, 22 tháng 6, 2013
Cuộn thanh quảng cáo khi scroll chuột với jQuery
Thi thoảng các bạn vào một số trang web thường thấy có banner quảng cáo ở
2 bên, khi ta cuộn chuột thì banner này trượt theo nội dung của trang.
Bài viết này tôi sẽ hướng dẫn các bạn cách để tạo hiệu ứng cuộn theo như
vậy.
HTML
*****
*****
Mã Jquery
********
HTML
*****
<
body
>
<
div
class
=
"main"
>
<
div
class
=
"adv"
>
</
div
>
<!--banner quảng cáo bên trái-->
<
div
class
=
"content"
>
</
div
>
<!--phần nội dung trang-->
<
div
class
=
"adv"
>
</
div
>
<!--banner quảng cáo bên phải-->
</
div
>
</
body
>
CSS
*****
.main{
width
:
1200px
;
margin
:
auto
;
}
.adv{
float
:
left
;
width
:
150px
;
height
:
250px
;
background-color
:
#e1e1e1
;
margin-top
:
20px
;
}
.content{
float
:
left
;
width
:
860px
;
margin-left
:
20px
;
margin-right
:
20px
;
height
:
3000px
;
background-color
:
#e1e1e1
;
}
********
$(window).scroll(
function
(){
t = parseInt($(window).scrollTop()) + 20;
$(
'.adv'
).stop().animate({marginTop:t},400);
})
Thứ Năm, 20 tháng 6, 2013
Thứ Năm, 13 tháng 6, 2013
Jquery countdown
http://keith-wood.name/countdownRef.html
<div id="clockTimestamp" class="hidden"><?=$_SERVER['REQUEST_TIME'];?></div>
<div id="clock"></div>
function getServerTime() {
var time = $('#clockTimestamp').html()*1000;
time = new Date(time);
return time;
}
function getServerTime() {
var time = null;
$.ajax(
{
url: '../../_ajax/getServerTime.php',
async: false,
dataType: 'text',
success: function(text) {
time = new Date(text);
},
error: function(http, message, exc) {
time = new Date();
}
});
return time;
}
jjjThứ Tư, 12 tháng 6, 2013
25 Websites to Download Free Stock Photo for Your Projects
If you are searching for free stock photo databases, there are quite
a few sites on the web that do that, and even at high quality: there
are sites that are made by artists or designers for other artists and
promote sharing their creations, there are also others which have a
double policy, offering both photos for sale and for free, in distinct
sections, and there are also sites which offer exposure to new talented
photographers who are willing to collaborate.
In any case, there are huge resources of free stock photos on the internet and this article means to help you get to some of the best sources available online at the moment.
So check them out- among all these links you are bound to find what you are looking for!
In any case, there are huge resources of free stock photos on the internet and this article means to help you get to some of the best sources available online at the moment.
So check them out- among all these links you are bound to find what you are looking for!
Thứ Bảy, 1 tháng 6, 2013
Đảo ngược chuỗi ký tự bằng function strrev()
<?phpecho strrev("Hello world!"); // outputs "!dlrow olleH"?>
^^
Đăng ký:
Bài đăng (Atom)