태그: jquery

jquery cookie

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
// jquery Cookie
(function($){
$.cookie = function(key, value, options) {
if(arguments.length > 1) {
var o = $.extend({}, $.cookie.defaults, options);
 
if (value === null || value === undefined) {
value = '';
o.expires = -1;
}
if (o.expires.constructor != Date && o.expires > 0) {
var today = new Date();
today.setDate(today.getDate() + o.expires);
o.expires = today;
}
// Create the cookie string
document.cookie = key + '=' + value + (o.expires != 0?'; expires=' + o.expires.toUTCString() : '') + (o.path? '; path=' + (o.path) : '') + (o.domain? '; domain=' + (o.domain) : '') + (o.secure? '; secure' : '');
} else {
if(result = new RegExp(key+"=(.*?)(?:;|$)").exec(document.cookie))
return decodeURIComponent(result[1]);
return false;
}
}; //' $.cookie = function(key, value, options)
 
$.cookie.defaults = {
expires: 365,
path: '/'
} // '$.cookie.defaults
})(jQuery);
// /jquery Cookie
 
function cookieSave(num){
$.cookie("cookieTest", num, {expires:0, path:'/', secure:0});
}
function check(){
alert($.cookie("cookieTest"));
}

 

이미지 롤오버

자자 역시 가장 흔하고 가장 간단한 이미지 롤오버 부터 고고싱~

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
<!--
$(function(){
    $("img.imgRollOver").mouseover(function(){
        $(this).attr("src",$(this).attr("src").replace("_off","_on"));
    });
    $("img.imgRollOver").mouseout(function(){
        $(this).attr("src",$(this).attr("src").replace("_on","_off"));
    });
});
//-->
</script>
<img src="img1_off.gif" class="imgRollOver" />
<img src="img2_off.gif" class="imgRollOver" />

자자 attr(key, value) 이놈은 해당 객체의 속성에 원하는 값을 넣을수 있다. replace는 문자열을 치환하는 놈이고 즉, mouseover를 하면 해당 이미지의 src 값에 _off 라는 문자를 _on으로 바꾸 값을 해당 이미지의 src 값을 넣는다~~ 요거란 말이지~

out은 그 반대고~ 암튼 요딴식이다~