解决方案 »
- jquery插件开发的全局变量,公共函数及事件问题
- 类似于CSDN这种可以突出显示代码块的 控件 哪里有?谢谢!
- js里判断出来之后能执行alert却不执行别的,大家来帮帮忙
- 请问高手:怎么用JAVSSCRIPT给COOKIE的子键赋值?
- 关于 calendar 日期控件 问题..请朋友帮助!!
- 如何把2显示为2.00
- activex对象在js里面怎么找到
- 这里有一段实现日历选择的JS代码,但我不知道如何调用,请大家指教
- 谁有关于“正则表达式”的资源,大家共享一下好吗?
- 曾经看到过网上把IE窗口的下来滚动条修改颜色的特效,谁知道啊?
- 表格嵌套JQuery1.8 CRUD
- 为什么xmlHttp.readyState一直是0啊,新手求救
刚刚看了另外一个JS文件.不过是类似弹窗的.可是修改了一下还是改不出来.
(function($){
$.extend({
top_shoussuo:function(option){
var defaults={
size:{width:300,height:200,padding:0,borderWidth:"1px"},
title:{show:true,html:"Title"},
content:{url:false,html:"Content"},
skin:"js/top_shoussuo/default/top_shoussuo.css",
minButton:true,
openOnce:true,
effect:{type:"fade",speed:"normal"}
};
if(option)$.extend(true,defaults,option);
//
function writeCookie(name, value,keepTime) {
var expiresDate = new Date();
expiresDate.setTime(expiresDate.getTime() + keepTime);
var cookieStr = name + "=" + escape(value) + ";expires=" + expiresDate.toGMTString();
document.cookie = cookieStr;
};
function readCookie(name) {
var cookieStr = document.cookie;
var cookieArr = cookieStr.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (cookieArr != null) return unescape(cookieArr[2]); return null;
};
if(defaults.openOnce && readCookie("top_shoussuoOpen"))return;
//
$("<link rel=\"stylesheet\" title=\"top_shoussuoSkin\" />").appendTo($("head")).attr("href",defaults.skin);
//
$("<div></div>").prependTo($("body")).attr("id","top_shoussuoWrap").css("display","none");
var top_shoussuoWrap=$("#top_shoussuoWrap");
if(navigator.userAgent.toLowerCase().indexOf("msie 6")!=-1){
var origBottom=$("body").height()-$(window).height();
var origRight=$("body").width()-$(window).width();
top_shoussuoWrap.css({position:"absolute",bottom:origBottom,right:origRight});
$("body").css({position:"relative"});
$(window).scroll(function(){
top_shoussuoWrap.css({bottom:$("body").height()-$(window).height()-$(window).scrollTop(),right:$("body").width()-$(window).width()-$(window).scrollLeft()});
});
$(window).resize(function(){
top_shoussuoWrap.css({bottom:$("body").height()-$(window).height()-$(window).scrollTop(),right:$("body").width()-$(window).width()-$(window).scrollLeft()});
});
}else{
top_shoussuoWrap.css({"position":"fixed",bottom:"0px",right:"0px"});
}
top_shoussuoWrap.css({zIndex:"999",overflow:"hidden",width:defaults.size["width"],height:defaults.size["height"],padding:defaults.size["padding"],borderWidth:defaults.size["borderWidth"],background:"#fff"});
//
$("<div></div>").prependTo(top_shoussuoWrap).attr({"id":"top_shoussuo","class":"top_shoussuo-"+new Date().getTime()}).css("position","relative");
var myBox=$("#top_shoussuo");
//
if(defaults.title["show"]){
$("<h6></h6>").prependTo(myBox).attr("class","top_shoussuo-title").html(defaults.title["html"]);
var myBoxTitle=myBox.children("h6.top_shoussuo-title");
}else{
defaults.minButton=false;
}
//
var skinPath=defaults.skin.match(/[^\/]*\/?top_shoussuo\/[^\/]+\//);
$("<span></span>").prependTo(myBox).attr("class","top_shoussuo-close").append("<img alt=\"\" src=\""+skinPath+"close.gif\" />").css("position","absolute");
//bind event
myBox.children("span.top_shoussuo-close").children("img").bind("click",function(){
setWinStatu("hide");
});
if(defaults.minButton){
$("<span></span>").prependTo(myBox).attr("class","top_shoussuo-min").append("<img alt=\"\" src=\""+skinPath+"min.gif\" />").css("position","absolute");
myBox.children("span.top_shoussuo-min").children("img").click(function(){
var me=$(this);
if(!top_shoussuoWrap.is(":animated") && top_shoussuoWrap.height()==defaults.size["height"]){
top_shoussuoWrap.animate({height:myBoxTitle.outerHeight()-parseInt(myBoxTitle.css("borderBottomWidth"))},function(){
me.attr("src",skinPath+"max.gif");
});
}else{
top_shoussuoWrap.animate({height:defaults.size["height"]},function(){
me.attr("src",skinPath+"min.gif");
});
}
});
};
//
$("<div></div>").appendTo(myBox).attr("class","top_shoussuo-content");
var myBoxContent=myBox.children("div.top_shoussuo-content");
//
if(defaults.content["url"]){
myBoxContent.css("position","relative");
$("<img />").appendTo(myBoxContent).attr({"src":skinPath+"load.gif","class":"top_shoussuo-load"});
myBoxContent.load(defaults.content["url"]);
}else{
myBoxContent.html(defaults.content["html"]);
}
setWinStatu("show");
writeCookie("top_shoussuoOpen","true",3600*1000);
function setWinStatu(flag){
switch(defaults.effect["type"]){
case "slide":
if(flag=="show")
top_shoussuoWrap.slideDown(defaults.effect["speed"]);
else if(flag=="hide")
top_shoussuoWrap.slideUp(defaults.effect["speed"],function(){
removeWin();
});
break;
case "fade":
if(flag=="show")
top_shoussuoWrap.fadeIn(defaults.effect["speed"]);
else if(flag=="hide")
top_shoussuoWrap.fadeOut(defaults.effect["speed"],function(){
removeWin();
});
break;
case "show":
if(flag=="show")
top_shoussuoWrap.show(defaults.effect["speed"]);
else if(flag=="hide")
top_shoussuoWrap.hide(defaults.effect["speed"],function(){
removeWin();
});
break;
}
function removeWin(){
$("link[title='top_shoussuoSkin']").remove();
top_shoussuoWrap.empty().remove();
};
}
}
});
})(jQuery);
这个的HMTL是
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$.eBox({
title:{html:"新闻<span>-</span>热点"},
content:{html:"<ul><li>最火</li></ul>"},
effect:{type:"slide",speed:1500},
openOnce:false
});
});
/* Close window */
function hideclosein2(){
window.setTimeout("show_window2()",7000);
}
/* Show Window */
function show_window2(){
$('#eBoxWrap').animate({height:"26px"},1500);
}
hideclosein2()
</script>
真是弄的头都大了.
var expiresDate = new Date();
expiresDate.setTime(expiresDate.getTime() + keepTime);
var cookieStr = name + "=" + escape(value) + ";expires=" + expiresDate.toGMTString();
document.cookie = cookieStr;
};
function readCookie(name) {
var cookieStr = document.cookie;
var cookieArr = cookieStr.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (cookieArr != null) return unescape(cookieArr[2]); return null;
};
if(defaults.openOnce && readCookie("top_shoussuoOpen"))return;