JQuery
文章平均质量分 74
一心不安
这个作者很懒,什么都没留下…
展开
-
jQuery效果--隐藏/显示
<script> $( function(){ $("#d1").click( function(){ if($("#d2").css("display")=="none"){ ...原创 2018-11-26 14:00:16 · 125 阅读 · 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 · 5501 阅读 · 3 评论 -
jquery---------轮播图的实现(稍为复杂)
/** * 功能说明: * 1.图片自动向左播放,但是当鼠标过轮播区时暂停播放,放开则继续; * 2.点击左侧箭头显示上一张图; * 3.点击右侧箭头显示下一张图; * 4.当鼠标滑到指示点的时候,显示对应的一张图; * */ --------jquery--------------------- $(function (){ var $container = ...原创 2018-12-05 20:16:45 · 353 阅读 · 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 · 1387 阅读 · 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 · 472 阅读 · 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 · 3381 阅读 · 0 评论 -
jquery-----获取/更改内容
<script> $( function(){ $("#btnn").click( function(){ alert($("a").attr("href")); ...原创 2018-11-26 14:26:00 · 157 阅读 · 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 · 1935 阅读 · 0 评论 -
jQuery效果---滑动
<script> //方法一 // $( // function(){ // $("#d6").click( // function(){ // if($("#d7").css("dis...原创 2018-11-26 14:10:25 · 133 阅读 · 0 评论 -
jQuery效果---淡入/淡出
<script> $( function(){ $("#btn1").click( function(){ $("#d5").fadeIn(); ...原创 2018-11-26 14:07:00 · 172 阅读 · 0 评论 -
jQuery效果---停止/隐藏/显示
<script> $( function(){ $("#stop").click( function(){ $("#d4").stop(); ...原创 2018-11-26 14:04:03 · 146 阅读 · 0 评论 -
jquery---实现轮播效果--自动轮播/左右箭头点击轮播/点击轮播点轮播
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ padding: 0px原创 2018-12-21 19:02:46 · 1873 阅读 · 0 评论