Axure的浮层无法进行拖拽。浮层的设计很简单，用一个动态面板，做出一个浮层的样子，点击某个按钮或文字时触发显示这个动态面板就OK了。事件的添加就是onclick 然后选择显示你所要显示的动态面板就行了。
创新互联专业为企业提供青田网站建设、青田做网站、青田网站设计、青田网站制作等企业网站建设、网页设计与制作、青田企业网站模板建站服务，10余年青田做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
这个可以用jquery实现呀，你id=nav的那个div是不是写错了 应该是ul吧？
首先在首页引用jquery库 jquery-1.7.1.mini.js
然后把下面的代码放在下面就可以了！
script
$(document).ready(){
$('#nav li').hover(){
function(){
$('#nav ul').css({'display':'none'});
$(this).children('ul').css({'display':'block'});
},function(){
$('#nav ul').css({'display':'none'});
}}}
/script
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
titleTitle/title
style type="text/css"
/*隐藏下拉列表*/
.list{
display: none;
}
/*鼠标移动显示下拉列表*/
.menu:hover .list{
display: block;
}
/style
/head
body
div class="menu"
a href="#"下拉菜单/a
div class="list"
ul
li1/li
li2/li
li3/li
/ul
/div
/div
/body
/html
大概的过程是这样的：
...
a(this).addClass("animated").find(".aninode").each(function() {
a(this).addClass(a(this).attr("data-animate"))
})
...
页面滚动到每个 section 元素的时候，先给它加个名为 animated 的 class ，在这样的 section 内部找到 class 名为 aninode 的 div 元素。这样的 div 元素或者其内部的元素会有个 data-animate="a-****" 的属性。把这个属性的值，也就是 a-**** 也当做 class 名称传给这个 div 元素或者其内部的元素。这个 class 里面就包含有动画样式。也就是说，通过 class="animated" 当做钩子，有 animated 这个 class 的时候，名为 aninode 的 div 元素或者其内部的元素才会执行相关的动画效果。
动画效果的 CSS 样式在 core.js 里面。控制动画执行是在 baomi.js 里面。
其实这个页面可以再完善下 section 元素 move 出屏幕的时候，去掉 animated；当move 回来的时候再加上 animated。目前的情况是，滚动到页面最低下以后，再往上滚动页面，就看不见动画效果了
当我看到“请自己写出来”这句话的时候，就感觉很奇怪，你是来出考题的呢？还是来寻求问题的解答呢？不过还是为了解答的原则，这题还是为你解答，先看效果图：
这里做的方式有好多种，你可以用select做，也可以用模拟的方式去做，圆角的代码是：
border-radius:10px;
隔行换色的代码：
$(".txt_list li:odd").css("background","#ccc");
$(".txt_list li:even").css("background","#fff");