JQuery
关注
分享
扫一扫
文章平均质量分 77
又很可爱_521
这个作者很懒，什么都没留下…
展开
-
JQuery注册登录
jQuery注册登录使用Visual Studio创建JQuery账户密码登录页面：首先第一步，是打开Visual Studio，之后是点击“文件”——“新建”——选择项目。第二步，弹出模块选择——“其他项目类型Visual Studio解决方案”然后输入名称，选择创建的目录，之后点击“确定”。第三步，在创建的解决方案中——“右键”点击——选择“新建项目”，第四步，...原创 2018-06-13 08:49:06 · 9905 阅读 · 2 评论 -
JQuery复制标签
clone克隆 <script src="Scripts/jquery-1.11.3.js"></script> <script type="text/javascript"> $(function () { $("ul li").click(function () { //在..原创 2018-06-20 16:10:26 · 1998 阅读 · 0 评论 -
jquery插件zoom
jQuery Zoom：图片放大镜插件jQuery Zoom：图片放大镜插件。类似淘宝、京东产品展示图片放大效果，它还有着色，软聚焦和内变焦功能。总之很强大，zoom插件的参数：zoomWidth 设置缩放窗口的宽度，如果设置为"auto"则窗口宽度与小图片宽度相等。 'auto'zoomHeight 设置缩放窗口的高度，如果设置为"auto"则窗口高度与小图片高度相等。 'auto'positi...原创 2018-07-03 19:02:32 · 3320 阅读 · 0 评论 -
jquery thickbox插件
在jquery中插入第三方插件时要注意：先加载css样式，再加载jquery，之后再加载其他js的其他样式ThickBox是一个基于JQuery类库的扩展，它能在浏览器界面上显示非常棒的UI框，它可以显示单图片，多图片，ajax请求内容或链接内容.ThickBox是用超轻量级的 jQuery 库 编写的. 压缩过 jQuery 库只15k, 未压缩过的有39k.其作用是弹出对话框、网页框，使用户体...原创 2018-07-03 19:17:40 · 743 阅读 · 0 评论 -
jquery服装商城的购物车
服装商城的信息图片：图片HTML代码部分一个图片的点击事件<div id="cart"> <a href="#"><img src="images/btn_cart.png" /></a> </div>js代码部分$(function(){原创 2018-07-03 19:28:30 · 1015 阅读 · 0 评论 -
jquery服装商城的尺寸选择与数量改变之后的价格改变
服装商城的信息图片图片未选择之前 ： 选择之后： HTML代码部分<div class="pro_size"> 尺寸：&l...原创 2018-07-03 19:35:48 · 1669 阅读 · 1 评论 -
jquery左侧图片与右侧图片以及放大镜和图片的放大的图片和产品的隐藏的效果
服装商城的信息图片HTML代码部分 <div class="pro_detail"> <div class="pro_detail_left"> <div class="jqzoom"><img src="images/pro_img/blue_one_small.jpg" c原创 2018-07-03 19:54:35 · 922 阅读 · 0 评论 -
JQuery超链接鼠标提示效果
超链接的形式，鼠标放在文字上会出现提示效果，鼠标移出，提示消失。HTMLJQuery/js部分//超链接鼠标提示效果 //设一个X的值 var x = 10; //设一个Y的值 var y = 20; //超链接的鼠标位于元素上时的样式 $("a.tool...原创 2018-06-29 10:09:25 · 339 阅读 · 0 评论 -
jQuery插件cookie
在jQuery的创建中，我们需要第三网站的插件，这些插件可以方便我们减少代码的编写，有时不需要书写代码就可以实现。例如cookie插件，在NET中他是一个页面传值的方法，在这里我用cookie来进行皮肤换肤：首先是cookie的插件,也可以在网上搜索下载cookie的插件，如果不想下载的话，可以创建一个js文件夹，在里面把下面cookie的插件给复制进去，然后引用就可以了:换肤图：jquery.c...原创 2018-06-29 10:30:15 · 287 阅读 · 0 评论 -
JQuery实现slideToggle（）滑动的效果
当鼠标点击图标时，文本内容隐藏起来，HTML代码<div class="global_module news"> <h3>最新动态</h3> <div class="scrollNews"> <ul>原创 2018-06-26 17:25:44 · 2640 阅读 · 0 评论 -
JQuery左右无缝轮播
点击//图片点击无缝左右切换轮播 //定义索引值为0 var right = 0; //定义div的ul li的数量个数 var numbered = $(".prolist_content ul li").length; //当向左点击时图片的翻转效果，当图片到底时，返回开始 ...原创 2018-06-26 16:21:03 · 641 阅读 · 0 评论 -
JQuery文字无缝轮播
文字来回滚动，第一个文字返回到最后一个//字体无缝轮播 //定义div的class属性 var $this = $(".scrollNews"); //定义一个定时器的属性 var scrollTimer; //鼠标悬停在页面上时页面停止翻转 $this....原创 2018-06-26 16:15:59 · 2369 阅读 · 0 评论 -
JQuery加法计算器
加法计算器的书写使用JQuery进行编辑加法计算器，具体步骤如下： <script src="Scripts/jquery-1.11.3.js"></script> <script type="text/javascript"> $(function () { //btn_sign表示button按钮的点击事件...原创 2018-06-13 15:40:41 · 1707 阅读 · 3 评论 -
JQuery搜索文本框
搜索文本框，文本框中可以输入内容，文本框中有默认的内容，鼠标点进去文本框中内容消失，清除文本框中的内容显示默认的内容：具体如下：文本框中的默认内容：在文本框中输入内容：具体代码：<html><head> <script src="jquery-1.11.3.min.js"></script> <script type="tex...原创 2018-06-21 14:29:43 · 1342 阅读 · 0 评论 -
JQuery图片随鼠标的移动
图片跟随鼠标的移动<html><head> <style type="text/css"> #img { position:absolute;/*绝对位置*/ } </style> <script src="jquery-1.11.3.min.js">原创 2018-06-21 14:34:39 · 324 阅读 · 0 评论 -
JQuery实现超链接鼠标提示效果的方法
实现超链接鼠标的提示效果<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css">原创 2018-06-21 18:55:35 · 499 阅读 · 0 评论 -
JQuery图片无缝轮播
jQuery图片实现无缝轮播的事例： //图片轮播滚动 //获取图片滚动的索引 var index = 0; //获取图片的高度 var height = $(".content_right .ad").height(); //获取图片的数量个数 ...原创 2018-06-26 16:13:39 · 476 阅读 · 1 评论 -
jQuery中所用到的第三方插件
我在jquery的学习中，用到了三个第三方的插件，为了能够更方便的查看，把在jQuery中用到的第三方插件整合一个。首先是cookie插件cookie插件在jquery中的js样式：cookie在jquery中主要是用来换肤/*! * jQuery Cookie Plugin v1.4.0 * https://github.com/carhartl/jquery-cookie * * Co...原创 2018-07-05 17:46:39 · 898 阅读 · 0 评论