效果-简实教程网

jquery picswitch图片焦点图展示效果 - Web前端

效果如下:这个插件的要点之处就在JQuery-1.4.2.JS的发布添加的新函数data的应用，所以jQuery库一定要是1.4.2的版本另一方面就是CSS的编写，SetInte...

发布时间：2026-06-20分类：网页前端技术浏览：2评论：0

jQuery 实现侧边浮动导航菜单效果 - Web前端

单页面网页内容较多，页面长度较大，需要方便快速的在页面的不同位置进行定位，所以浮动菜单逐渐流行了起来，如下图男装、女装、美妆等。这种菜单功能分为两部分：1、点击菜单项，网页滚动到...

发布时间：2026-06-20分类：网页前端技术浏览：11评论：0

文本框文本自动补全效果示例分享 - Web前端

复制代码代码如下:/*文本自动补全zhoUXiang*/(function($){ $.Completion=function(setting){ ...

发布时间：2026-06-18分类：网页前端技术浏览：22评论：0

jquery配合css简单实现返回顶部效果 - Web前端

CSS：复制代码代码如下:.backToTop{display:none;width:18px;line-height:1.2;padding:5px0;...

发布时间：2026-06-18分类：网页前端技术浏览：23评论：0

jQuery实现动画效果的实例代码 - Web前端

复制代码代码如下: <styletype="text/CSS"> table{border:1pxsolid#666;} tabl...

发布时间：2026-06-16分类：网页前端技术浏览：35评论：0

基于jquery的鼠标拖动效果代码 - Web前端

记得在之前的一个"拖动层"的随笔中，我实现拖动，是用的一个布尔变量,判断是否可以拖动某元素。这两天看了一些东西，发现不需要设这个布尔变量;实现过程：按下鼠标的时候，给文档对象...

发布时间：2026-06-16分类：网页前端技术浏览：40评论：0

基于jquery的放大镜效果 - Web前端

核心代码:复制代码代码如下:$(function(){varmouseX=0;//鼠标移动的位置XvarmouseY=0;//鼠标移动的位置Yvarma...

发布时间：2026-06-16分类：网页前端技术浏览：38评论：0

jquery win 7透明弹出层效果的简单代码 - Web前端

复制代码代码如下: $("#firefoxicon").click(function(){ $("#window1").chinaz({ w...

发布时间：2026-06-16分类：网页前端技术浏览：35评论：0

基于jquery的弹出提示框始终处于窗口的居中位置（类似于alert弹出框的效果） - Web前端

原理很简单：获取当前屏幕（窗体）的宽度和高度，因为不同浏览器的窗体大小是不一样的。有了这个，可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢？这个时候就要获取当前窗...

发布时间：2026-06-16分类：网页前端技术浏览：31评论：0

jQuery效果 slideToggle() 方法(在隐藏和显示之间切换) - Web前端

实例通过使用滑动效果，在显示和隐藏状态之间切换<p>元素：复制代码代码如下:$(".BTn1").click(function(){$("p").slide...

发布时间：2026-06-16分类：网页前端技术浏览：33评论：0

基于jquery的3d效果实现代码 - Web前端

复制代码代码如下:<html><head><scripttype="text/javascript"src="http://demo.jb51...

发布时间：2026-06-15分类：网页前端技术浏览：38评论：0

前端必备神器 Snap.svg 弹动效果 - Web前端

有人说不会svg的前端开发者不叫开发者，而叫爱好者。前端不光是angularJS了，这时候再不学SVG就晚了！（如果你只会JQuery就当我没说。。。）这里我就给大...

发布时间：2026-06-14分类：网页前端技术浏览：37评论：0

前端必备神器 Snap.svg 弹动效果 - Web前端

有人说不会svg的前端开发者不叫开发者，而叫爱好者。前端不光是angularJS了，这时候再不学SVG就晚了！（如果你只会JQuery就当我没说。。。）这里我就给大...

发布时间：2026-06-14分类：网页前端技术浏览：43评论：0

jquery动态分页效果堪比时光网 - Web前端

最近一直研究JQuery的分页效果，刚刚弄好了一个，拿出来与大家分享。分页效果与时光网的差不多。先在aspx页面放置一个<divclass="pageDivs">&l...

发布时间：2026-06-14分类：网页前端技术浏览：32评论：0

input:checkbox多选框实现单选效果跟radio一样 - Web前端

最近遇到一个小小的问题，就是有时候我们使用单选radio的时候，会发现当我们选中一个之后，再也无法一个都不选了，即选中后没有取消的功能，此时便想到了功能强大的checkbox，但他...

发布时间：2026-06-13分类：网页前端技术浏览：41评论：0

CSS+jQuery实现的一个放大缩小动画效果 - Web前端

今天帮朋友写了一些代码,自己觉得写着写着，好几个版本以后，有点满意，于是就贴出来。都是定死了的。因为需求就只有4个元素。如果是要用CSS的class来处理，那就需要用到css3动...

发布时间：2026-06-12分类：网页前端技术浏览：44评论：0

ASP.NET jQuery 实例9 通过控件hyperlink实现返回顶部效果 - Web前端

要实现该效果，首先要先了解以下几点基础知识：窗体滚动事件：$(window).scroll(function(){...});获取窗体滚动距离：$(window).scroll...

发布时间：2026-06-11分类：网页前端技术浏览：58评论：0

强大的jquery插件jqeuryUI做网页对话框效果！简单 - Web前端

我们先来最简单的，网页的登录窗口；不过开始之前，大家先下载JQuery的插件本人习惯用了vs2008来做网页了，先添加一个空白页这是最简单的的做法。。。先在body里面插入<...

发布时间：2026-06-11分类：网页前端技术浏览：50评论：0

使用FlexiGrid实现Extjs表格效果方法分享 - Web前端

近一段时间ExtJS真的是风光无限好，只要是个做CRM/HRM之类的企业现在都在琢磨怎么在项目中用它，不过兄弟我可是不敢，原因很简单：太大/太笨/源码不好调试。但是对于Extjs漂...

发布时间：2026-06-11分类：网页前端技术浏览：45评论：0

jquery div提示框渐隐弹出与隐藏效果 - Web前端

JQuerydiv提示框渐隐弹出与隐藏$(function(){$('input').click(function(){if(!$('#note').is(':visibl...

发布时间：2026-06-10分类：网页前端技术浏览：62评论：0