当前位置:首页 » 皮肤百科 » jquery好看皮肤
扩展阅读
汗泡湿疹吃什么好 2025-05-16 23:22:04
小孩子湿疹长什么样的 2025-05-16 23:22:04
湿疹婴儿喝什么奶粉好 2025-05-16 23:18:25

jquery好看皮肤

发布时间: 2021-01-25 19:33:48

1. CSS+JQ+JS作漂亮的按键实例,给我一个参考就行了,最分析分析

我给一个用<ul>做的菜单你看看,你也可单独用来按键。

CSS文件
#top_XE li{width:33px; height:19px;float:right;}
/*窗口按键右距*/
#top_XE .top_XE_li0{width:5px;}
/*关闭*/
.top_XE_li1{background:url("../images/Ui.png") no-repeat -103px -41px;}/*x*/
.top_XE_li1a{background:url("../images/Ui.png") no-repeat -69px -41px;}/*X*/
/*最大化,还原*/
.top_XE_li2{background:url("../images/Ui.png") no-repeat -35px -81px;}/*o*/
.top_XE_li2a{background:url("../images/Ui.png") no-repeat -1px -81px;}/*O*/
.top_XE_li2b{background:url("../images/Ui.png") no-repeat -103px -81px;}/*m*/
.top_XE_li2c{background:url("../images/Ui.png") no-repeat -69px -81px;}/*M*/
/*最小化*/
.top_XE_li3{background:url("../images/Ui.png") no-repeat -35px -41px;}/*-*/
.top_XE_li3a{background:url("../images/Ui.png") no-repeat -1px -41px;}/*--*/
/*全屏,恢复*/
.top_XE_li4{background:url("../images/Ui.png") no-repeat -35px -21px;}/*[ 1 ]*/
.top_XE_li4a{background:url("../images/Ui.png") no-repeat -1px -21px;}/*[ 2 ]*/
.top_XE_li4b{background:url("../images/Ui.png") no-repeat -103px -21px;}/*[1]*/
.top_XE_li4c{background:url("../images/Ui.png") no-repeat -69px -21px;}/*[2]*/
/*记忆锁定*/
.top_XE_li5{background:url("../images/Ui.png") no-repeat -35px -61px;}/*r*/
.top_XE_li5a{background:url("../images/Ui.png") no-repeat -1px -61px;}/*R*/
.top_XE_li5b{background:url("../images/Ui.png") no-repeat -103px -61px;}/*g*/
.top_XE_li5c{background:url("../images/Ui.png") no-repeat -69px -61px;}/*G*/
/*皮肤*/
.top_XE_li6{background:url("../images/Ui.png") no-repeat -35px -1px;}/*e*/
.top_XE_li6a{background:url("../images/Ui.png") no-repeat -1px -1px;}/*E*/
/*主菜单*/
.top_XE_li7{background:url("../images/Ui.png") no-repeat -103px -1px;}/*=*/
.top_XE_li7a{background:url("../images/Ui.png") no-repeat -69px -1px;}/*=*/

JS文件
最大化/还原窗口 图片切换
-*/
var top_XE_li2=$(".top_XE_li2");
function top_XE_li2_N_M(){
if($(window).width()==window.screen.availWidth&&$(window).height()==window.screen.availHeight){
top_XE_li2.hover(
function(){
$(this).addClass("top_XE_li2c");
},
function(){
$(this).removeClass("top_XE_li2c");
}).addClass("top_XE_li2b").removeClass("top_XE_li2");
}
else{
top_XE_li2.hover(
function(){
$(this).addClass("top_XE_li2a").removeClass("top_XE_li2c");
},
function(){
$(this).removeClass("top_XE_li2a");
}).addClass("top_XE_li2").removeClass("top_XE_li2b");
}
}
top_XE_li2_N_M();
/*
控制窗口按键
-*/
$(".top_XE_li1").hover(
function(){
$(this).addClass("top_XE_li1a");
},
function(){
$(this).removeClass("top_XE_li1a");
}
);

top_XE_li2.hover(
function(){
$(this).addClass("top_XE_li2a");
},
function(){
$(this).removeClass("top_XE_li2a");
}
).click(
function(){
/*
切换窗口 最大化/还原窗口
-*/
if($(window).width()==window.screen.availWidth&&$(window).height()==window.screen.availHeight){
window.resizeTo(pvwx_width,pvwx_height);
window.moveTo((window.screen.availWidth-pvwx_width)/2,(window.screen.availHeight-pvwx_height)/2);
}
else{
window.resizeTo(window.screen.availWidth,window.screen.availHeight);
window.moveTo(0,0);
}
setCookie('normal',0);//模式:normal默认 maximize最大化
}
);
$(".top_XE_li3").hover(
function(){
$(this).addClass("top_XE_li3a");
},
function(){
$(this).removeClass("top_XE_li3a");
}
);
$(".top_XE_li4").hover(
function(){
$(this).addClass("top_XE_li4a");
},
function(){
$(this).removeClass("top_XE_li4a");
}
).click(
function(){
/*
全屏/还原
-*/
}
);;
$(".top_XE_li5").hover(
function(){
$(this).addClass("top_XE_li5a");
},
function(){
$(this).removeClass("top_XE_li5a");
}
);
$(".top_XE_li6").hover(
function(){
$(this).addClass("top_XE_li6a");
},
function(){
$(this).removeClass("top_XE_li6a");
}
);
$(".top_XE_li7").hover(
function(){
$(this).addClass("top_XE_li7a");
},
function(){
$(this).removeClass("top_XE_li7a");
}
);

HTML文件
<ul id="top_XE">
<li class="top_XE_li0"></li>
<li title="关闭窗口" class="top_XE_li1"></li>
<li title="最大化" class="top_XE_li2"></li>
<li title="最小化" class="top_XE_li3" onClick="Minimize.Click()"></li>
<li title="全屏显示" class="top_XE_li4"></li>
<li title="记忆" class="top_XE_li5"></li>
<li title="换肤" class="top_XE_li6"></li>
<li title="主菜单" class="top_XE_li7"></li>
</ul>

2. 最近在用easy ui, 但发现自带的样式实在是太丑了。无意中又发现了jquery ui ,漂亮。

研究几个月就会有结果

3. jquery IFRAME 换肤

//放在父复页制面 改变frame
function fnChangeFrame(page)
{
if(page=="a")
$("#frame1").attr("src","a.html");
else
$("#frame1").attr("src","b.html");
}

//放在父页面 等待callback
function fnCallBack(msg)
{
alert(msg);
}

//放在a.html 触发callback
$(function()
{
window.parent.fnCallBack("I am a.html");
});

//放在b.html 触发callback
$(function()
{
window.parent.fnCallBack("I am b.html");
});

4. jquery-ui-1.8.4.custom与一般的jquery-ui有什么区别,后面加了custom有什么作用

两个核心其复实都是一样的。
区别:制
jquery-ui:下载的是默认的包,皮肤和样式都是默认的,包含了所有的组件;
jquery-ui
custom:下载的经过自定义的包,它可以根据您的需要将一些确定不需要的功能库模块去掉,也可以自定义UI的颜色(有多种颜色样式可以选择)。
一般情况下,jquery-ui
custom不进行删减的话,下载下来跟jquery-ui是一样的,如果进行删减的话,jquery-ui
custom功能比jquery-ui要少,同样文件大小也比jquery-ui要小。

5. jquery ui 的主题 什么意思

主题你可以看做皮肤,就是相同的效果不同的css样式。
你可以去官网上直接下载不同的回主题,答一般不同的主题样式,压缩包名称是一样的,保存时别覆盖。当你想换主题的时候,引入你需要的主题的css、js就可以了。

6. jquery好看漂亮的表单插件给推荐一个

jquery UI

7. 请问jquery easy ui框架的皮肤能换吗

应该能换,没研究过,以前遇到这类问题我都是找到那个皮肤的文件重写

8. jquery能否实现字体的美化比如让字体的边缘平滑。

不可以美化字体

9. jquery easyui如何换主题呀

1、首先需要在html的页面中将easyui的样式文件导入进去。

10. 如何用jquery实现一键换肤

皮肤一般都是css样式
也就是怎么替换css样式

<link rel="stylesheet" href="">

$('head link').attr('href','css路径');