Jquery UI css的设置

样式代码

<!doctypehtml>

<html>

<head>  

<metacharset="utf-8">

<title>jQueryUI Example Page</title>          

<scriptsrc="js/jquery-1.10.2.js"></script>

<scriptsrc="js/jquery-ui-1.10.4.custom.js"></script>

<linkrel="stylesheet"href="css/ui-lightness/jquery-ui-1.10.4.custom.min.css">

<styletype="text/css">

  #content{

    border:1px solid #ddd;

    width:250px;  

    height:250px;

   }

   .ui-corner-all{

     //border-bottom-right-radius:40px;

    }

</style>

</head>

<body>

<h1>css的使用</h1>

<p>可以在JqueryUI官网中的ThemeRoller工具来定义样式</p><br/>

<p>如果不分元素要修改样式可以定义相关的类 class名字格式”ui-样式名“,如果不知道名字可以打开css那个文件查看</p><br/>

<p>当然你也是可以直接到引入的css文件中改的</p>

<p>FrameworkIcons 的使用</p>

<p>如果你不知道怎么使用你可以找到对应的页面,然后用浏览器打开,审查元素</p>

<h1class="ui-accordion-header-icon ui-iconui-icon-scissors"></h1>

<divid="content" class="ui-corner-all"></div>

</body>

</html>


Jquery UI css的设置,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。