注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

前端开发那点事儿

冒犯之处,敬请谅解。

 
 
 

日志

 
 
 
 

第一个Jqm实例  

2012-05-24 14:34:46|  分类: JS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,maximun-scale=1">
<link rel="stylesheet" href="http://evanwukong.blog.163.com/jquery.mobile-1.1.0.min.css">
<script src="http://evanwukong.blog.163.com/jquery-1.7.2.min.js"></script>
<script src="http://evanwukong.blog.163.com/jquery.mobile-1.1.0.min.js"></script>
<style>

</style>

<script type="text/javascript">
$(function(){
    $('body').bind('taphold',function(e){
        alert('你在做什么?')
        return false;
    });
    $('body').bind('tap',function(e){
        alert('你在TAP?')
        return false;
    });
    $('body').bind('swipe',function(e){
        alert('你在SWIPE?')
        return false;
    });

    
});

</script>


</head>
<div data-role="page" id="page1">
    <div data-role="header">
    <h1>吴先生的第一个Jqm实例</h1>
    </div>
    <div data-role="content">
    <p style="text-align: center;font-size: 14px;font-weight: bold;color: crimson;">风云雄霸天下</p>
    <p><a href="http://evanwukong.blog.163.com/#page2"  data-transition="flip"  data-rel="dialog" data-role="button">步惊云</a></p>
    <p><a href="http://www.baidu.com"  data-transition="slideup" data-rel="dialog"  data-role="button">聂风</a></p>
    <p><a  data-role="button">第二梦</a></p>
    <p><a  data-role="button">大师兄</a></p>
    
    <label for="radiobutton">相当同意</label>
    <input type="radio" name="wk" id="radiobutton" value="radiobutton" />
    <label for="wk">你好,吴先生</label>
    <input type="radio" name="wk" id="wk" value="radiobutton" />
    
    </div>
    <div data-role="footer" data-position="fixed">
    <h1>第一个底部内容</h1>
    </div>
</div>

<div data-role="page" id="page2" data-theme="e">
    <div data-role="header">
    <h1>大片儿</h1>
    </div>
    <div data-role="content">
    
        <ul data-role="listview" data-inset="true">
        <li style="line-height: 57px;">
        <a href="http://evanwukong.blog.163.com/#page1">
            <img style="margin: 17px 0 0 14px;" src="http://evanwukong.blog.163.com/wk.jpg" >
            <p style="display: inline">采用METRO风格</p>
        </a>
        </li>
        
        <li data-role="list-divider">国外</li>
        <li><a href="http://evanwukong.blog.163.com/#page1">蝴蝶效应</a></li>
        <li><a>灵异第六感</a></li>
        <li data-role="list-divider">内地&港台</li>
        <li><span class="ui-li-count">喜欢:99</span><a href="http://evanwukong.blog.163.com/#page1">桃姐</a></li>
        <li><a href="http://evanwukong.blog.163.com/#page1">风云<span class="ui-li-count">喜欢:50</span></a></li>
        </ul>
    </div>
    <div data-role="footer" data-position="fixed">
    <h1>第二个底部内容</h1>
    </div>
</div>


</body>
</html>





 //GET方式交互

//设置和服务器端交互的相应参数

xmlhttp.open("GET","AjaxServer?name="+userName,true);

//4.设置向服务器端发送的数据,启动和服务器端的交互

xmlhttp.send(null);

*/

//POST方式交互

//3.设置和服务器端交互的相应参数

xmlhttp.open("POST","AjaxServer",true);

//POST方式交互所需要增加的代码

xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

//4.设置向服务器端发送的数据,启动和服务器端的交互

xmlhttp.send("name="+userName);

}
  评论这张
 
阅读(3146)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018