js文件中的css和html
大家看过jwindow.js文件没啊部分代码如下/***************Example*******************[HTML]<buttonid="bu...
大家看过jwindow.js文件没啊 部分代码如下
/*************** Example *******************
[HTML]
<button id="button1">显示窗口</div>
<div class="window " id="panelWindow">
<div class="title">Title<span class="buttons"><span class="close"></span></span></div>
<div class="content">
Message Content
</div>
<div class="status"><span class="resize"></span></div>
</div>
</div>
[CSS]
.window {
padding:0px;
border:1px solid #75A0CA;
background:#FFF;
position:absolute;
z-index:20;
width: 400px;
top: 17%;
left: 30%;
display:none;
}
* html .window {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.window .title { background:#ACC6DF; padding:5px;}
.window .title .buttons { float:right;margin-top:-16px; _margin-top:-20px; _margin-right:3px;}
* + html .window .title .buttons {margin-top:-18px; margin-right:3px;}
.window .title .buttons .min { cursor:pointer; display:block; float:left; background:#F5714E url("../images/window_min.gif") top left no-repeat; border:1px solid #A7190F; height:10px; width:10px; padding:1px;margin-right:3px;_padding-bottom:0px;}
.window .title .buttons .close {cursor:pointer; display:block; float:left; background:#F5714E url("../images/window_close.gif") top left no-repeat; border:1px solid #A7190F; height:10px; width:10px; padding:1px;_padding-bottom:0px;}
.window .title .buttons .hover { background-color:#EF947D;}
.window .title .status .resize { color: }
.window .content { padding:8px;overflow:hidden;}
.transferer
{
border: 1px solid #EEE;
background-color: #F9F9F9;
opacity:0.7;
filter:alpha(opacity=30);
z-index:99999;
}
[Javascript]
$(document).ready(function(){
$("#button1").click(function(){
$("#panelWindow").jWindowOpen({
modal:true,
center:true,
drag:"#window .title",
close:"#window .title .close",
closeHoverClass:"hover",
transfererFrom:"#button1",
transfererClass:"transferer"
});
});
})
这里面的的[css] [html] [javascript]是什么含义啊???
能帮我解释下jwindow.js文件代码的详细含义么????
还有jquery插件里面的函数在哪里能找到(是插件哦!!!不是jquery的);
两位回答的都很满意,请问谁能告诉我那些属性和值得含义,如modal:true,center:true等等;当然这些我知道,但是jquery的扩展那么多,所以像这类的属性和值也很多,哪里有查询手册之类的文档么,大家是怎么处理这些东西的?棒棒忙? 展开
/*************** Example *******************
[HTML]
<button id="button1">显示窗口</div>
<div class="window " id="panelWindow">
<div class="title">Title<span class="buttons"><span class="close"></span></span></div>
<div class="content">
Message Content
</div>
<div class="status"><span class="resize"></span></div>
</div>
</div>
[CSS]
.window {
padding:0px;
border:1px solid #75A0CA;
background:#FFF;
position:absolute;
z-index:20;
width: 400px;
top: 17%;
left: 30%;
display:none;
}
* html .window {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.window .title { background:#ACC6DF; padding:5px;}
.window .title .buttons { float:right;margin-top:-16px; _margin-top:-20px; _margin-right:3px;}
* + html .window .title .buttons {margin-top:-18px; margin-right:3px;}
.window .title .buttons .min { cursor:pointer; display:block; float:left; background:#F5714E url("../images/window_min.gif") top left no-repeat; border:1px solid #A7190F; height:10px; width:10px; padding:1px;margin-right:3px;_padding-bottom:0px;}
.window .title .buttons .close {cursor:pointer; display:block; float:left; background:#F5714E url("../images/window_close.gif") top left no-repeat; border:1px solid #A7190F; height:10px; width:10px; padding:1px;_padding-bottom:0px;}
.window .title .buttons .hover { background-color:#EF947D;}
.window .title .status .resize { color: }
.window .content { padding:8px;overflow:hidden;}
.transferer
{
border: 1px solid #EEE;
background-color: #F9F9F9;
opacity:0.7;
filter:alpha(opacity=30);
z-index:99999;
}
[Javascript]
$(document).ready(function(){
$("#button1").click(function(){
$("#panelWindow").jWindowOpen({
modal:true,
center:true,
drag:"#window .title",
close:"#window .title .close",
closeHoverClass:"hover",
transfererFrom:"#button1",
transfererClass:"transferer"
});
});
})
这里面的的[css] [html] [javascript]是什么含义啊???
能帮我解释下jwindow.js文件代码的详细含义么????
还有jquery插件里面的函数在哪里能找到(是插件哦!!!不是jquery的);
两位回答的都很满意,请问谁能告诉我那些属性和值得含义,如modal:true,center:true等等;当然这些我知道,但是jquery的扩展那么多,所以像这类的属性和值也很多,哪里有查询手册之类的文档么,大家是怎么处理这些东西的?棒棒忙? 展开
2个回答
展开全部
人家通过[css] [html] [javascript]告诉你,他们对应的是举例的代码。
就好像
[1]
我是html代码
[2]
我是css代码
[3]
我是javascript代码
这和他要表达的含义是一样的
-----------------------------------------------
jwindow.js是jquery框架的一个窗口扩展插件。代码的详细含义难道你要让人帮你一行行解释?(总体要实现的功能就是通过div模拟一个窗口,web2.0的典型用法)
-----------------------------------------------
jquery的扩展简直太泛滥了,因为他的简便,太多人可以辅助开发,网上一搜一大把。具体插件找具体的出品网页,一般都可以找到它的demo及说明。
-----------------------------------------------
偶不用jquery,偶用prototype,扩展组件都自己写,这样以后有修改容易,jquery,都用别人的,要改一点功能,老麻烦了。有时候完全的拿来主义到后期会很郁闷。还是多多相信自己吧。
就好像
[1]
我是html代码
[2]
我是css代码
[3]
我是javascript代码
这和他要表达的含义是一样的
-----------------------------------------------
jwindow.js是jquery框架的一个窗口扩展插件。代码的详细含义难道你要让人帮你一行行解释?(总体要实现的功能就是通过div模拟一个窗口,web2.0的典型用法)
-----------------------------------------------
jquery的扩展简直太泛滥了,因为他的简便,太多人可以辅助开发,网上一搜一大把。具体插件找具体的出品网页,一般都可以找到它的demo及说明。
-----------------------------------------------
偶不用jquery,偶用prototype,扩展组件都自己写,这样以后有修改容易,jquery,都用别人的,要改一点功能,老麻烦了。有时候完全的拿来主义到后期会很郁闷。还是多多相信自己吧。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询