jquery——制作置顶菜单

置顶菜单: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>置顶菜单</title> <script type="text/javascript" src="jquery-1.12.4.min.js"></script> <script…

一朋友需要置顶菜单的功能,给了个网站,让弄下来.看了下,就把样式及效果拔了下来.去掉了复杂的东西,只保留了其基本实现.有需要的朋友可以拿去用用. <style> #navigation{ text-align:center; height:80px; line-height:80px; position:relative; width:100%; z-index:998; top:0; left:0; -webkit-transition: height .3s cubic-bezier(0.…

jQuery实现置顶和置底特效

原文地址:http://www.jqueryba.com/3403.html <script src="jquery.min.js" type="text/javascript"> </script> <script type="text/javascript"> $(function() { $("#updown").css("top", window.screen.a…

jQuery+Superfish制作下拉菜单

superfish制作下拉菜单真的很方便而好很好用,而且还可以通过Superfish提供的参数来控制下拉菜单的不同效果,而且他没有层级限制,换句话说可以通过Superfish来写你想要的层级菜单. 官方帮助文档: http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started Begin with a working pure CSS dropdown menu based on nested unordered lists.…

jQuery制作右侧边垂直二级导航菜单

<!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><meta http-equiv="Content-Typ…

jQuery实现表格行上移下移和置顶

jQuery实现表格行上移下移和置顶我们在操作列表数据的时候,需要将数据行排列顺序进行调整,如上移和下移行,将行数据置顶等,这些操作都可以在前端通过点击按钮来完成,并且伴随着简单的动态效果,轻松实现表格数据排序. 查看演示下载源码 HTML 页面上是一个简单的数据表格,我们在数据行中分别放置“上移”,“下移”和“置顶”三个链接,并且分别定义三个class属性,我们来通过jQuery实现这些操作. <table class="table"> <tr> <…

jQuery操作table数据上移、下移和置顶

jQuery 操作table中的tr换行的步骤如下: 1.获取当前tr var $tr = $(this).parents("tr"); 2.移动tr //上移 $tr.prev().before($tr); //下移 $tr.next().after($tr); //置顶 $(".table").prepend($tr); 在具体例子中的应用效果 html代码: <!DOCTYPE html> <html> <head lang=&…

jQuery制作水平多级下拉菜单

本篇体验使用jQuery制作水平的.多级的.下拉菜单. 下拉菜单的html部分如下. <body> <nav class="main-nav"> <ul class="nav-list"> <li><a href="#">主页</a></li> <li><a href="#">产品</a></li>…

jQuery 元素的选中，置顶、上移、下移、置底、删除

如截图: <ul> <li class="li01" onclick="C_columnSetTop(this)"><i></i>置顶</li> <li class="li02" onclick="C_columnSetMoveUp(this)"><i></i>上移</li> <li class="li0…

jquery实现标签上移、下移、置顶

eg:如在后台的标签列表中,实现上移.下移.置顶功能思路: 1.先用到的克隆方法.clone(true): 即把当前要移动的项先保存好,备于后用. 2.找到当前标签所对应的相关元素及其相关方法: 如:.prev()当前元素上面的标签 .next()当前元素下面的标签 .after()xxx之后添加方法 .before()xxx之前添加方法 .prepend添加方法 3.实现具体代码如: var productsLabel = { //设置置顶 setHot: function…