![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JQuery
文章平均质量分 73
一心不安
这个作者很懒,什么都没留下…
展开
-
jQuery效果--隐藏/显示
<script> $( function(){ $("#d1").click( function(){ if($("#d2").css("display")=="none"){ ...原创 2018-11-26 14:00:16 · 120 阅读 · 0 评论 -
jQuery -------实现图片漂浮(漂浮广告)
-----------------------html-------------------------<!--漂浮广告 begin--> <div id="imgfloat"><img src="img/top/a/toplist_a01.jpg"/><div id="imgclose"></div&原创 2018-12-10 14:22:09 · 5433 阅读 · 3 评论 -
jquery---------轮播图的实现(稍为复杂)
/** * 功能说明: * 1.图片自动向左播放,但是当鼠标过轮播区时暂停播放,放开则继续; * 2.点击左侧箭头显示上一张图; * 3.点击右侧箭头显示下一张图; * 4.当鼠标滑到指示点的时候,显示对应的一张图; * */ --------jquery---------------------$(function (){ var $container = ...原创 2018-12-05 20:16:45 · 327 阅读 · 0 评论 -
jQuery--文本框的相应操作(内容为空背景为红色,内容不为空,背景恢复为原色)
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.3.1.js"><原创 2018-11-26 14:40:41 · 1357 阅读 · 0 评论 -
jQuery---加法计算器
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.3.1.js"><原创 2018-11-26 14:38:12 · 442 阅读 · 0 评论 -
jQuery --点击不同按钮显示其相应的页面
1.2.<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery/jquery-3.3.1.min.j原创 2018-11-26 14:30:29 · 3351 阅读 · 0 评论 -
jquery-----获取/更改内容
<script> $( function(){ $("#btnn").click( function(){ alert($("a").attr("href")); ...原创 2018-11-26 14:26:00 · 147 阅读 · 0 评论 -
jquery HTML--获取(text(), html(), val() 获取内容 )
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery/jquery-3.3.1.min.js"&a原创 2018-11-26 14:23:12 · 1911 阅读 · 0 评论 -
jQuery效果---滑动
<script> //方法一// $(// function(){// $("#d6").click(// function(){// if($("#d7").css("dis...原创 2018-11-26 14:10:25 · 129 阅读 · 0 评论 -
jQuery效果---淡入/淡出
<script> $( function(){ $("#btn1").click( function(){ $("#d5").fadeIn(); ...原创 2018-11-26 14:07:00 · 164 阅读 · 0 评论 -
jQuery效果---停止/隐藏/显示
<script> $( function(){ $("#stop").click( function(){ $("#d4").stop(); ...原创 2018-11-26 14:04:03 · 140 阅读 · 0 评论 -
jquery---实现轮播效果--自动轮播/左右箭头点击轮播/点击轮播点轮播
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ padding: 0px原创 2018-12-21 19:02:46 · 1868 阅读 · 0 评论