Welcome 微信登录

首页 / 脚本样式 / JavaScript

7款风格新颖的jQuery/CSS3菜单导航分享

7款风格新颖的jQuery/CSS3菜单导航分享

2017年02月06日 20 阅读
一款优秀的菜单对网站而言是非常重要的，它不仅可以让用户方便地找到想要的信息，而且更让人有一种特殊的用户体验。下面给大家分享7款风格新颖的jQuery/CSS3菜单导航，希望大家会喜欢。1、CSS3立体飘带状菜单CSS3立体飘带状菜单，该菜单鼠标滑过时，菜单项向上立体凸起，结合黑色的木质背景，整个菜单显得非常立体生动。在线演示 /源码下载2、CSS3个人资料导航菜单该菜单是用来展示登录的用户信息，包括用户的快捷操作按钮，另外菜单还提供一个个性化的搜索框。在线...
使用PHP+JQuery+Ajax分页的实现

使用PHP+JQuery+Ajax分页的实现

2017年02月06日 17 阅读
为了锻炼下JQuery，决定自己动手写写分页最终的效果如图：点击某个字母后，下方显示以该字母为首字母的所有词语；分页显示，每页显示15个词语，每组页码有20个，1-20/20-40～～～首先是在PHP文件中的分页Pager的相关代码复制代码 代码如下: public function searchWordsByInitial（）{ //从AJAX发出的URL中获得参数：用户点击的字母和点击的页码 $initial = htmlentities（$_POS...
jQuery 关于伪类选择符的使用说明

jQuery 关于伪类选择符的使用说明

2017年02月06日 21 阅读
jQuery选择器的强大不仅在于选择器支持基本的css选择符，还支持很多CSS的伪类选择符，甚至可以自定义选择符，下面让我们来看看一些伪类选择符 :nth-child的用法 nth-child是一个css3伪类选择符,在jQuery中被实现了，在Jquery API中对nth-child的定义是：”匹配其父元素下的第N个子或奇偶元素“。读着感觉有点绕口，下面让我们通过例子来说明:复制代码 代码如下:<div> <ul> <l...
为JS扩展Array.prototype.indexOf引发的问题探讨及解决

为JS扩展Array.prototype.indexOf引发的问题探讨及解决

2017年02月06日 21 阅读
Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf（），这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历的时候却出现了问题。 Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf（），这样...
jQuery文本框（input textare）事件绑定方法教程

jQuery文本框（input textare）事件绑定方法教程

2017年02月06日 19 阅读
目前1.7以上，jquery​的事件绑定已经用on替换了原来的bind，接下来为大家介绍下bind的使用方法及input textare事件，感兴趣的朋友可以参考下 （1）jquery 绑定事件 目前1.7以上，jquery的事件绑定已经用on替换了原来的bind； 区别：（个人理解）bind是一次绑定事件到每一个子节点；on是只绑定到父节点，然后冒泡到各个子节点； 用法：bind 一个事件，一个方法：$（".class input"）.bin...
javascript获取网页中指定节点的父节点、子节点的方法小结

javascript获取网页中指定节点的父节点、子节点的方法小结

2017年02月06日 17 阅读
我们在实际的开发当中经常要获取页面中某个html元素，动态的更新该元素的样式、内容属性等。 那么如何获取要更新的这些元素呢？用JavaScript获取这些节点的方法有很多种，下面是总结的一些方法. 1. 通过document节点获取： （1） document.getElementById（elementId）：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。 如 今，已经出现了如...
使用Grunt.js管理你项目的应用说明

使用Grunt.js管理你项目的应用说明

2017年02月06日 18 阅读
Grunt.js是什么？Grunt.js是一个Javascript Task Runner（Javascript任务运行器），其基于NodeJS，可用于自动化构建、测试、生成文档的项目管理工具。Grunt.js并不是仅仅是构建工具，实际上他只是任务运行器，管理每个子任务的自动化运行，我们还能使用他做更多东西。为什么使用Grunt.js？简单的说：为了自动化。对于前端项目，例如：•为了明确模块分工，我们可能会将Javascript代码拆成很小很小...
Javascript new Date（）.valueOf（）的作用与时间戳由来详解

Javascript new Date（）.valueOf（）的作用与时间戳由来详解

2017年02月06日 16 阅读
众所周知PHP中对时间类型数据可以直接转换为时间戳，那么在前端脚本js中，也有方法可以实现，就是valueOf（）例如，我们可以通过这段代码输出当前时间点的时间戳复制代码 代码如下:<script type="text/javascript"> document.write（new Date（）.valueOf（））;</script>那么何为时间戳呢？时间戳就是从1970年1月1日0时0分0秒到当前时间点的所有秒数。1970.1....
基于JavaScript自定义构造函数的详解说明

基于JavaScript自定义构造函数的详解说明

2017年02月06日 20 阅读
Javascript并不像Java、C#等语言那样支持真正的类。但是在js中可以定义伪类。做到这一点的工具就是构造函数和原型对象。首先介绍js中的构造函数。Javascript中创建对象的语法是在new运算符的后面跟着一个函数的调用。如复制代码 代码如下:var obj = new Object（）;var date = new Date（）;运算符new首先创建一个新的没有任何属性的对象，然后调用该函数，把新的对象作为this关键字的值传递。var da...
window.location.reload（）方法刷新页面弹出要再次显示该网页对话框

window.location.reload（）方法刷新页面弹出要再次显示该网页对话框

2017年02月06日 19 阅读
用window.location.reload（）方法刷新页面时,有时浏览期会出现一个这样的弹出框, 解决办法是: 一: document.location.href = "${base}/rwfp/rwfpcontent" 用这种方法找到页面对应的Action的位置,这样做虽然页面刷新,但是刷新后数据会从第一页开始显示,并不是停留在原来的页面. 二: $（"#yhsubmit"）.click（） 这种方法跟分页相关,#yhsubmit为 复制代码 代码如...
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果

jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果

2017年02月06日 17 阅读
在网站建设中，特别是做商城和产品网站，通常会用到导航弹出菜单，像是jquery写的仿京东导航菜单，一个经典的左侧多级导航菜单，学会了可以任意改变布局。京东菜单已经有不少JS前端爱好者仿写过，今天蚂蚁网络重新与大家分享一款仿京东商城的商品多级分类菜单，精简版代码 先看下jquery仿京东导航效果： 前端html代码如下： 复制代码 代码如下: <ul> <li><a href="#">baidu</a><...
<< 641 642 643 644 645 646 647 648 649 650 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图