51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

jquery实现标题字体变换的滑动门菜单效果

jquery实现标题字体变换的滑动门菜单效果

厉飞雨 阅读(7) 评论(0) 赞(0)

本文实例讲述了jquery实现标题字体变换的滑动门菜单效果。分享给大家供大家参考。具体如下: 这里使用jquery字体会变大的网页滑动门菜单,当把鼠标放在"门"上的时候,门内的菜单字体会变大变色,对应的内容同时切换,不知如何形容本效果,所以就叫字体会变的滑动门吧。 运行效果截图如下: ![](http://static.51tbox.com/stati...

轻松学习jQuery插件EasyUI EasyUI创建树形菜单

轻松学习jQuery插件EasyUI EasyUI创建树形菜单

厉飞雨 阅读(5) 评论(0) 赞(0)

**一、EasyUI使用标记创建树形菜单** 一个树形菜单(Tree)可以从标记创建。easyui 树形菜单(Tree)也可以定义在 \<ul\> 元素中。无序列表的 \<ul\> 元素提供一个基础的树(Tree)结构。每一个 \<li\> 元素将产生一个树节点,子 \<ul\> 元素将产生一个父树节点。 ![](http...

jQuery DataTables插件自定义Ajax分页实例解析

jQuery DataTables插件自定义Ajax分页实例解析

厉飞雨 阅读(6) 评论(0) 赞(0)

**一、问题描述** 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分类效果。 后端的分页接口已经写好了,不涉及条件查询,需要传入页码(pageNo)和页面显示数据条数(pageSize),显示相应页的显示记录,且不能修改后端接口。 **二、分析** 先来分析下分页实现。 **一是后端分页:**这种情况下,在后端...

jQuery实现的左右移动焦点图效果

jQuery实现的左右移动焦点图效果

厉飞雨 阅读(6) 评论(0) 赞(0)

本文实例讲述了jQuery实现的左右移动焦点图效果。分享给大家供大家参考,具体如下: jquery 部分: ``` $(function () { var _speed = 1000; var _len = 0; var _size = 150; var _direction = 'left'; function mar...

jquery悬浮提示框完整实例

jquery悬浮提示框完整实例

厉飞雨 阅读(6) 评论(0) 赞(0)

本文实例讲述了jquery悬浮提示框实现方法。分享给大家供大家参考,具体如下: ``` <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="...

jQuery实现的鼠标滑过弹出放大图片特效

jQuery实现的鼠标滑过弹出放大图片特效

厉飞雨 阅读(4) 评论(0) 赞(0)

本章节介绍一下一种比较常用的效果,那就是当鼠标滑过链接的时候,能够出现跟随鼠标指针移动的图层,在实际应用中,一般是对于链接的一些说明文字或者图片等等, 我们先来看个演示图 ![](http://static.51tbox.com/static/2024-11-23/col/8a5e1584540845db8595acdd979254b0/7956e0c523e14bb19f...

jQuery给元素添加样式的方法详解

jQuery给元素添加样式的方法详解

厉飞雨 阅读(5) 评论(0) 赞(0)

本文实例讲述了jQuery给元素添加样式的方法。分享给大家供大家参考,具体如下: 1、获取和设置样式 ``` $("#tow").attr("class")//获取ID为tow的class属性 $("#two").attr("class","divClass")//...

jQuery+JSON实现AJAX二级联动实例分析

jQuery+JSON实现AJAX二级联动实例分析

厉飞雨 阅读(4) 评论(0) 赞(0)

本文实例讲述了jQuery+JSON实现AJAX二级联动的方法。分享给大家供大家参考,具体如下: 后台Handler.ashx ``` <%@ WebHandler Language="C#" Class="Handler" %> using System; using System.Web; using S...

Hallo.js基于jQuery UI所见即所得的Web编辑器

Hallo.js基于jQuery UI所见即所得的Web编辑器

厉飞雨 阅读(5) 评论(0) 赞(0)

先看看效果: ![](http://static.51tbox.com/static/2024-11-23/col/dd4ea71e7547e41d60ff2181f7d5dcfc/d22905a0a3cd4d5c8eba0a63b8afa9ff.png.jpg) Hallo.js是一个简单的富文本Web编辑器,基于jQuery UI并且利用HTML5的contentEdi...