jquery
小小舍
这个作者很懒,什么都没留下…
展开
-
jquery实现点击数量增加总价跟着增加且数量有上限下限
效果图:整体代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>count</title> <style> .show{ ...原创 2018-12-29 15:04:58 · 1687 阅读 · 0 评论 -
jquery实现轮播图效果
效果图:要求:功能说明: 1.图片自动向左播放,但是当鼠标过轮播区时暂停播放,放开则继续; 2.点击左侧箭头显示上一张图; 3.点击右侧箭头显示下一张图; 4.当鼠标滑到指示点的时候,显示对应的一张图;html代码:<div class="banner"> <!--大图列表--> ...原创 2018-12-29 14:51:52 · 231 阅读 · 0 评论 -
jquery实现放大镜效果
效果图:html代码:<!--放大镜--> <div class="box"> <div class="smallBox"> <img src="img/7_418x418.jpg"/> <span cla...原创 2018-12-29 14:42:26 · 397 阅读 · 0 评论 -
jQuery实现点击按钮页面展开,再次点击页面收为一行显示
效果图:html页面代码:<div class="filter-box "> <dl class="clearfix"> <dt>分类</dt> <dd> <a href="#">原版</a> <a href="#">签名版</a>...原创 2018-12-28 17:58:33 · 3467 阅读 · 0 评论 -
简易的省市联动
效果图:我们可以用JavaScript或者Jquery来实现这个功能。首先是JavaScript方法:页面代码为:<body><center> <div style="vertical-align: middle; border: 2px solid blueviolet; width: 1000px;height: 400px;">...原创 2018-11-05 23:04:41 · 116 阅读 · 0 评论 -
用JQuery实现简单计时答题游戏
题的大概效果图是这样的:首先是body里的页面显示代码:<body onload="setNumber()"><div class="div"> <div class="div2"> 计时:<label></label><br> 积分:<label>0<...原创 2018-11-05 00:39:25 · 1472 阅读 · 0 评论 -
用JQuery或者JavaScript实现简单的抽奖程序
原理:如何生成随机数,开始和结束监听器。(1)随机数可以用Math.random()函数,该函数可以生成一个大于0小于1的小数,之后用该随机数乘以最大的下标索引值或者用自定义函数GetRnd(min,max)来获取一个随机的整型下标值。(2)使用timer变量来控制监听器的开启和停止,在开始定时器时,timer就被创建和赋值,当单击“停止”按钮时,再清除该监听器。运行效果:单击...原创 2018-11-03 21:30:27 · 1019 阅读 · 0 评论