当前位置：首页» 网站推广 » 【建站服务】上海市徐汇区徐家汇街道小程序制作【上海市徐汇区凌云路街道企业邮箱】上海市徐汇区龙华街道网站外包、上海市徐汇区漕河泾街道微信商城开发、上海市徐汇区华泾镇网店美工、上海市长宁区华阳路街道淘宝设

【建站服务】上海市徐汇区徐家汇街道小程序制作【上海市徐汇区凌云路街道企业邮箱】上海市徐汇区龙华街道网站外包、上海市徐汇区漕河泾街道微信商城开发、上海市徐汇区华泾镇网店美工、上海市长宁区华阳路街道淘宝设

作者: 风兰 . 阅读量： 6 . 发表时间：2022-09-20 16:13:49

网站建设

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

上海市徐汇区徐家汇街道小程序制作【上海市徐汇区凌云路街道企业邮箱】上海市徐汇区龙华街道网站外包、上海市徐汇区漕河泾街道微信商城开发、上海市徐汇区华泾镇网店美工、上海市长宁区华阳路街道淘宝设计

网站建设.jpg

徐汇区，上海市辖区，位于上海中心城区的西南部，东北侧与黄浦区毗邻，东临黄浦江，与浦东新区隔江相望，西与闵行区分界，北与静安区、长宁区接壤。全境面积54.93平方千米。 [1] 其中陆地面积50.94平方千米，水域面积3.82平方千米。截至2017年末，徐汇常住人口108.83万人，户籍常住人口81.81万人。 [2]

徐汇境内徐家汇是上海市西南部的城市副中心。徐汇是上海较早基本完成旧区改造的中心城区之一。徐汇重点发展信息技术、现代生物医药、纳米新材料等高新技术产业，形成区工业电子信息业和生物医药业发展的产业规模。

徐汇境内铁路、航道、立交、高架道路纵横交错，是市中心进出闵行、奉贤、浦东新区、金山、青浦等区和江、浙、闽、赣、皖等诸省的交通要道。 [3] 上海地铁1、3、4、7、9、10、11、12、15号线经过区境。 [1]

徐汇境有上海交通大学、华东理工大学、上海师范大学等高等学府； [1] 上海植物园、上海宋庆龄故居纪念馆、徐家汇源为国家4A级旅游景区。 [1] 国粹苑、上剧场、西岸艺术设计与示范区、上海摄影中心等场馆坐落于徐汇境内。

2017年，徐汇区重新被确认为国家卫生城市（区）。 [4] 2017年11月，徐汇区获全国文明城市称号。 [5] 2017年，实现地区生产总值1573.94亿元。 [2]

2020年6月，经中央依法治国委入选为第一批全国法治政府建设示范地区和项目名单。 [6] 10月20日，入选全国双拥模范城（县）名单。

jQuery Mobile 主题

jQuery Mobile 提供了 2 种不同的主题样式, 从 "a" 到 "b" - 每一种主题的按钮，工具条，内容块等等颜色都不一致，每个主题的视觉效果也不一样。

通过设置元素的data-theme属性可以自定义应用的外观:

<a href="#" class="ui-btn ui-btn-a|b">按钮</a>

值	描述	实例
a	页面为灰色背景黑色文字头部与底部均为灰色背景黑色文字按钮为灰色背景黑色文字激活的按钮和链接为白色文本蓝色背景 input 输入框中 placeholder 属性值为浅灰色，value 值为黑色	尝试一下
b	页面为黑色背景白色文字头部与底部均为黑色背景白色文字按钮为白色文字木炭背景激活的按钮和链接为白色文本蓝色背景 input 输入框中 placeholder 属性值为浅灰色，value 值为白色	尝试一下

按钮样式使用 class="ui-btn",使用 "ui-btn-a|b" 类设置按钮为灰色（默认）或黑色：

<a href="#" class="ui-btn ui-btn-a|b">按钮</a>

	"a" 主题的样式用于大多数元素，子元素通常继承父元素的样式。

主题头部和底部

实例

<div data-role="header" data-theme="b"></div>
<div data-role="footer" data-theme="b"></div>

尝试一下 »

主题对话框的头部底部

实例

<div data-role="page" data-dialog="true" id="pagetwo">
  <div data-role="header" data-theme="b"></div>
  <div data-role="footer" data-theme="b"></div>
</div>

尝试一下 »

主题按钮

实例

<a href="#" class="ui-btn ui-btn-b">黑色按钮</a>

尝试一下 »

主题图标

实例

<a href="#" class="ui-btn ui-btn-b ui-icon-search ui-btn-icon-notext">Search</a>

尝试一下 »

主题弹窗

实例

<div data-role="popup" id="myPopup" data-theme="b">

尝试一下 »

头部和底部的主题按钮

实例

<div data-role="header">
  <a href="#" class="ui-btn ui-btn-b">主页</a>
  <h1>欢迎访问我的主页</h1>
  <a href="#" class="ui-btn">搜索</a>
</div>

<div data-role="footer">
  <a href="#" class="ui-btn ui-btn-b">在Facebook上关注我</a>
  <a href="#" class="ui-btn">在Twitter上关注我</a>
  <a href="#" class="ui-btn ui-btn-b">在Instagram上关注我</a>
</div>

尝试一下 »

主题导航栏

实例

<div data-role="footer" data-theme="b">
  <h1>文本头部</h1>
  <div data-role="navbar">
    <ul>
      <li><a href="#" data-icon="home" data-theme="a">Button 1</a></li>
      <li><a href="#" data-icon="arrow-r">Button 2</a></li>
      <li><a href="#" data-icon="arrow-r">Button 3</a></li>
      <li><a href="#" data-icon="search" data-theme="a">Button 4</a></li>
    </ul>
  </div>
</div>

尝试一下 »

主题面板

实例

<div data-role="panel" id="myPanel" data-theme="b">

尝试一下 »

主题可折叠按钮和内容

实例

<div data-role="collapsible" data-theme="b" data-content-theme="b">
  <h1>Click me - I'm collapsible!</h1>
  <p>I'm the expanded content.</p>
</div>

尝试一下 »

主题列表

实例

<ul data-role="listview" data-theme="b">
  <li><a href="#">List Item</a></li>
  <li><a href="#">List Item</a></li>
  <li data-theme="a"><a href="#">List Item</a></li>
  <li><a href="#">List Item</a></li>
</ul>

尝试一下 »

主题分割按钮

实例

<ul data-role="listview" data-split-theme="b">

尝试一下 »

主题可折叠列表

实例

<div data-role="collapsible" data-theme="b" data-content-theme="b">
  <ul data-role="listview">
    <li><a href="#">Agnes</a></li>
  </ul>
</div>

尝试一下 »

主题表单

实例

<label for="name">Full Name:</label>
<input type="text" name="text" id="name" data-theme="b">

<label for="colors">Choose Favorite Color:</label>
<select id="colors" name="colors" data-theme="b">
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="blue">Blue</option>
</select>

尝试一下 »

主题可折叠表单

实例

<fieldset data-role="collapsible" data-theme="b" data-content-theme="b">
<legend>Click me - I'm collapsible!</legend>

尝试一下 »

添加新主题

jQuery Mobile 可以在移动页面添加新主题。

通过修改 CSS 文件来添加或编辑新主题(如果你已经下载了 jQuery Mobile)。你只需要拷贝样式模块，然后重命令字母类名（c-z）,并在样式中添加你喜欢的颜色和字体。

你也可以在 HTML 文档中添加主题的新样式，工具条添加类： ui-bar-(a-z) ，文本内容添加类: ui-body-(a-z) ,页面添加类：ui-page-theme-(a-z) 。

实例

<style>
.ui-bar-f {
    color: red;
    background-color: yellow;
}

.ui-body-f {
    font-weight: bold;
    color: white;
    background-color: purple;
}

.ui-page-theme-f {
    font-weight: bold;
    background-color: green;
}
</style>