JQuery
Gemini仔仔
越努力越幸运
展开
-
jQuery——入门(二)动画
jQuery —— 入门(二)动画/效果一、案例解析hide([speed,[easing],[fn]]) []:意思表示的方括号中的东西是可选的,可有可无的;[]中,会有对应的参数名称【变量名称】,根据变量名称,有一个表面的认识。二、基础动画效果 —— show()、hide() 显示与隐藏1、show()—— 显示效果 将选择器选中的标签显示到页面上原创 2017-09-13 11:23:33 · 366 阅读 · 0 评论 -
jQuery实现列表数据从右至左滚动(类似弹幕)
平常做的小项目新增的小需求,客户要求页面实现以类似弹幕的形式实现多条数据从右至左以不同的速度逐条循环滚动显示,用css中的animation来简单实现,如有bug,请自行修改,此博客仅作参考使用。html: <div class="barrage-wrapper"> </div>css:.barrage-wrapper { position:...原创 2018-12-27 15:47:07 · 1606 阅读 · 0 评论 -
jQuery结合template.js实现单行文字有停顿连续向上滚动特效
html: <ul> <li> <div id="news_all"> <p style="text-align: center;margin-top: 2rem;display: none" class="notData">暫無數據</p&原创 2018-12-27 15:19:50 · 366 阅读 · 0 评论 -
JavaScript模板引擎Template.js基本使用详解
template.js是一款JavaScript模板引擎,提供一套模板语法,简单好用,开发者可以写一个模板区块,每次传入的数据,生成对应数据产生的HTML片段,渲染不同的效果。官网:简洁语法版 https://github.com/aui/art-template/wiki/syntax:simple一.引用js下载artTemplate后,找到template.js引入到页面。&l...原创 2018-11-12 16:07:15 · 6833 阅读 · 0 评论 -
JQuery通过后台获取数据遍历到前台
做项目中,经常会通过调用后台接口把数据显示到前台页面上来,之前遇到过的问题是,前台页面是用ul+li标签写的,在调用接口调试时发现返回的数据有很多组的,而在前台显示的时候只有一条数据,毋容置疑,一定是遍历时出现了问题,下面来简单分析下。前台代码:案例1:经办记录时间步骤意见 调用接口:(每个公司用的方法不原创 2018-01-04 10:59:08 · 24898 阅读 · 0 评论 -
bootstrap栅格系统
利用bootstrap栅格系统编写input、select、textarea、日历等一、bootstrap栅格系统栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中。Bootstrap 栅格系统的工作原理:“行(row)”必须包含在 .container (固定宽度)或 .container-fluid (100% 宽原创 2017-12-15 15:18:58 · 410 阅读 · 0 评论 -
jQuery——入门(三)JQuery DOM操作(核心处理和文档处理)
jQuery——入门(三)JQuery DOM操作(核心处理和文档处理)一、核心处理(JQuery对象访问)1、页面加载检测函数:$(document).ready(function(){}); —— $(function(){});2、JQuery选择器函数:$(selector) —— $(“#box”);3、动态创建JQuery包装的DOM元素:$(html)4、JQue原创 2017-09-14 09:59:54 · 253 阅读 · 0 评论 -
JQuery模拟boostrap模态框效果
JQuery模拟boostrap模态框效果1、单个模态框代码案例:单个模态框--> *{ margin:0; padding:0;} .model { width:350px; height:300px; box-shadow:0 0 10px rgba(0,0,0,.4); border-radius:8px; padding:原创 2017-10-11 14:46:16 · 1840 阅读 · 0 评论 -
jQuery——入门(一)JQuery的简介与基本选择器的使用
JQuery入门(一)—— 基本简介与基本选择器的使用一、jQuery简介 jquery是2006年1月由美国人John Resig在纽约barcamp发布,目前已经成为辅助javascript开发的最流行的javascript库。 官方网站:http://www.jquery.com1、HTML/CSS/JS H原创 2017-09-12 14:40:04 · 309 阅读 · 0 评论 -
jQuery——入门(四)JQuery 事件
jQuery——入门(四)JQuery 事件一、事件初探加载文档完成触发:window.onload = function(){} //js$(window).load(function(){}) //jquery$(document).ready(function(){})事件可以多次执行代码可以简写:$(function(){})二、JQuery中常见的事件在网页浏览过程中,会触发原创 2017-09-28 10:08:19 · 272 阅读 · 0 评论 -
jQuery——入门(三)JQuery DOM操作(属性操作/样式操作/文档过滤)
jQuery——入门(三)JQuery DOM操作(属性操作/样式操作/文档过滤)一、DOM属性操作1、属性(1)、attr() 方法语法:$(selector).attr(name|property|key, value|fn)设置或获取被选元素的属性值,设置多个值时,与css()方法用法相似使用attr()函数来操作元素的属性,包含查询、赋值name:属性名原创 2017-09-14 15:52:11 · 1122 阅读 · 0 评论 -
jQuery实现多个MP3音频播放
jQuery结合template模板渲染音频列表,需求:点击播放/暂停按钮实现播放/暂停,当列表中任一一首歌曲播放时,点击其他播放按钮此音频播放其他音频暂停,点击进入专题页面分别跳转与之对应的页面,代码附上:html:<!--音频播放--><audio id="music"></audio><!--往期回顾--><div c...原创 2018-12-27 16:29:11 · 1897 阅读 · 0 评论