2013年09月17日,星期二
jquery-css-nav 1、填写html代码   index.html <script src="js/jquery.min.js"></script> <script src="js/main.js"></script> <link rel="stylesheet" href="templates/css/main.css" type="text/css" /> <div> <div id="menu"> <ul> <li><a href="#url">Home</a></li> <li><a href="#url">Contact Us<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#url">Email</a></li> <li><a href="#url">Telephone</a></li> <li&g···
2012年08月16日,星期四
JQUERY获取当前页面的URL信息 在做网站的时候,为了提高用户体验,需要给导航菜单当前页的分类高亮显示,以让用户了解自己现在处于网站的什么位置。之前一直在程序中改,很麻烦,之后想了下能不能用万能的JQUERY来获取当前页的URL,实现这样的效果呢。答案当然是肯定的。 最主要就是获取当前URL的详细信息,就可以进行判断了,这就需要用到JQUERY获取URL的函数。这里与大家分享一下,没用过这种方法的朋友可以尝试一下。 设置或获取对象指定的文件名或路径。 window.location.pathname 设置或获取整个 URL 为字符串。 window.location.href 设置或获取与 URL 关联的端口号码。 window.location.port 设置或获取 URL 的协议部分。 window.location.protocol 设置或获取 href 属性中在井号“#”后面的分段。 window.location.hash 设置或获取 location 或 URL 的 hostname 和 port 号码。 window.location.host 设置或获取 href 属性中跟在问号后面的部分。 wind···
2012年08月15日,星期三
最近发现自己的浮动导航有些不怎么漂亮,经过一番考虑采用jquery的浮动动画导航比较中意, 说干就做 首先,导航条的css样式 .menu-menu-container { background: url(‘images/nav-bg.png’) no-repeat 0; overflow: hidden; position: absolute; top: 250px; left: 50%; padding-left: 10px; margin-left: -515px; width: 1030px; height: 76px; z-index: 999; } 其次是导航条的动画效果jquery代码首先简单的动画效果 //浮动导航代码 $(function() { var $sidebar = $(“.menu-menu-container”), //menu-menu-container为导航div的class名称 $window = $(window), offset = $sidebar.offset(), topPadding = 0; $window.scroll(function() { if ($window.scrollTop() > offset.top) {  //判断导航条位置 $sidebar.stop().animate({  //jquery动画 marginTop: $window.scrollTop() – offset.top + topPadding  //设置导航浮动···
2012年03月6日,星期二
不过标签云字体默认情况尺寸不同,但色彩一致,看起来相当杂乱,不美观,虽然有 Simple Tags 等插件可以为标签上色,但是直接修改来实现会更好。毛主席教导我们,自动手丰衣足食,发扬光荣革命传统自己动手。 1.首先打开你的wordpress主题的footer.php文件 插入如下代码 首先引用新浪的jquery类库 <script type=”text/javascript” src=”http://lib.sinaapp.com/js/jquery/1.7/jquery.min.js“></script> 2.在引用的jquery类库后边插入我们的关键代码! <script type=”text/javascript”> <!– //标签云自动彩色欢迎访问我的bloghttp://www.onbno.com var config = {//定义颜色数组 ‘selector’: ‘*’, ‘color’: [‘LightPink’, ‘orange’, ‘Crimson’, ‘PaleVioletRed’, ‘red’,’blue’,’SlateBlue’,···
2012年03月6日,星期二
首先引用新浪的jquery类库 <script type=”text/javascript” src=”http://lib.sinaapp.com/js/jquery/1.7/jquery.min.js“></script> 然后到网页加入如下代码 <script type=”text/javascript”> $(” #nav ul “).css({display: “none”});//查找id为nav的容器里的所有ul容器然后把css的属性设置为display: “none” $( #nav).find(‘ul:first’).css({visibility: “visible”,display: “none”})//查找id为nav的容器里的第一个ul容器然后把css的属性设置为display: “none” </script>