简单的jquery拖动

来源:互联网 发布:apache进程不释放 编辑:程序博客网 时间:2024/05/01 08:08

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="手风琴练习.aspx.cs" Inherits="手风琴练习" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="JS/Jquery1.7.js" type="text/javascript"></script>
    <script src="JS/jquery.ui.core.js" type="text/javascript"></script>
    <script src="JS/jquery.ui.widget.js" type="text/javascript"></script>
    <script src="JS/jquery.ui.mouse.js" type="text/javascript"></script>
    <script src="JS/jquery.ui.draggable.js" type="text/javascript"></script>
    <script src="JS/jquery.ui.accordion.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#main').accordion({
                accordion: true
            }),
            $('p').draggable({
            draggable:true
            })
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <div id="main" style="float:left">
    <h3><a href="#">服装</a></h3>
    <div>
    <p>李宁</p>
    <p>安踏</p>
    <p>特步</p>
    </div>
     <h3><a href="#">电脑</a></h3>
    <div>
     <p>acer</p>
    <p>lenovo</p>
    <p>dell</p>
    </div>
     <h3><a href="#">手机</a></h3>
    <div>
     <p>Nokia</p>
    <p>htc</p>
    <p>iphone</p>
    </div> </div>
    <div id="buy" style="height:400px; width:300px;  border:1px solid black; float:right"> 
    <h3>购物车</h3>
   
     </div>
  
    </div>
    </form>
</body>
</html>

原创粉丝点击