一.  jQuery基本概念介绍           1.1 什么是jQuery一个javascript库,把常用方法写到一个js文件中,需要的时候直接调用即可学习jQuery就是学习一些方法          1.2 为什么要学习jQuerywrite less do more          1.3 jQuery的使用a.引包     b.入口函数     c.实现功能 二.jQuery的用途 1.访问和操作DOM元素2.控制页面样式3.对页面事件的处理4.方便地使用JQuery插件5.与…
DOM操作分类 1.DOM Core:任何一种支持DOM的编程语言都可以使用它,如getElementById() 2:HTML-DOM:用于处理HTML文档,如document.forms 3:CSS-DOM:用于操作CSS,如element.style.color=”green” jQuery中的DOM操作 样式操作 1.设置和获取样式值 语法: $(selector).css(name,value) 或者 $(selector).css({name:value,name:value,nam…
jQuery中的事件 和WinForm一样,在网页中的交互也是需要事件来实现的,例如tab切换效果,可以通过鼠标单击事件来实现. 事件在元素对象与功能代码中起着重要的桥梁作用. 在JQuery中,事件总体分为两大类,基础事件和复合事件. 基础事件: 1.鼠标事件 2.键盘事件 3.window事件 4.表单事件 复合事件 1.鼠标光标悬停 2.鼠标连续点击 鼠标事件 鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件 常用鼠标事件的方法 鼠标事件方法的区别 键盘事件 键盘事件是指当键盘聚焦到W…
第四章:JQuery选择器 1.Jquery选择器简介 (1) Jquery中的选择器完全继承了CSS的风格,利用Jquery选择器,可以非常便捷和快速的找出特定的Dom元素,然后为他们添加相应的行为,而无需担心浏览器是否支持这一选择器,学会使用选择器是学习Jqeury的基础,Jquery的行为规则都必须在获取到元素后才能生效. 2.jquery选择器的优势 (1) 简洁的写法,$()函数 (2)支持CSS1到CSS3选择器 (3)完善的处理机制 3.选择器分类 (1) 基本选择器:通过元素id…
一.什么是jQuery选择器 Query选择器继承了CSS与Path语言的部分语法,允许通过标签名.属性名或内容对DOM元素进行快速.准确的选择, 而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素属性和行为的处理. 二.jQuery选择器的优势 1.简洁的写法 2.完善的处理机制 三.jQuery选择器的类型 1.通过CSS选择器选取元素: 基本选择器 层次选择器 属性选择器 2.通过过滤选择器选择元素 基本过滤选择器 可见性过滤选择器 四.通过CSS选择器选取…
JavaScript 一.JavaScript概念: JavaScript面向对象事件驱动具有安全性的脚本语言,面向对象 JavaScript特点: 1.解释性语言,边运行边解释 2.和HTML页面实现交互效果 3.语法类似于Java 4.一搬用于编写客户端脚本 JavaScript组成: 1.ECMAScript:脚本语言规范(标准) 2.BOM Browser Object Model浏览器对象模型 3.DOM Document Object Model文档对象模型 二.JavaScript…
表单基本验证技术 为什么需要表单验证 减轻服务器的压力 保证输入的数据符合要求 常用的表单验证 1.日期格式 2.表单元素是否为空 3.用户名和密码 4.E-mail地址 5.身份证号码 表单选择器 表单选择器 表单属性过滤选择器 验证表单内容 使用String对象验证邮箱 文本框内容的验证 校验提示特效 表单验证事件和方法 表单验证常用的方法的和事件 正则表达式 为什么需要正则表达式 简洁的代码 严谨的验证文本框中的内容 什么是正则表达式 正则表达式,又称规则表达式(英语:Regular Ex…
一.JavaScript中的基本数据类型 number(数值类型)    string(字符串类型)    boolean(布尔类型)    null(空类型)    undefined(未定义类型)    object:一种复杂的数据类型,该类型实例化的对象是一组数据和功能的集合 二.创建对象 对象分为两种: 自定义对象 内置对象 1.自定义对象 创建自定义对象的最简单的方式就是使用操作符new创建一个Object的实例,然后通过“.”为其添加属性和方法 语法: var   对象名称=new …
一.DOM操作分类 使用JavaScript操作DOM时通常分为三类:DOM    Core.HTMl--DOM和CSS-DOM 二.访问节点 节点属性 三.节点信息 四.操作节点的属性 语法: getArrtibute("属性名"):用来获取属性的值 setAttribute("属性名","属性值") :用来设置属性的值 五.删除和替换节点 删除和替换节点的方法 六.操作节点模式 1.style属性 语法: HTML元素.style.样式属性=…
JavaScript操作BOM 一.window对象: 二.window对象的属性和方法 1.windows对象的常用属性: 语法:window.属性名="属性值" 2.windows对象的常用方法: 语法:windows.方法名() 3.口的特征属性: 4.history对象的方法: 5.location对象和属性: 三.document对象 document对象的常用属性: referrer的语法:document.referrer URL 的语法: document.URLdoc…
1.基础事件 分为三个事件 1.1 window事件 所谓window事件,就是当用户执行某些会影响浏览器的操作时,而触发的事件. 1.2 鼠标事件 鼠标事件顾名思义就是当用户在文档上移动或单击鼠标时而产生的事件. 1.click事件:    单击鼠标时触发 $('p').click(function(){}); 2.mouseover事件: list.mouseover(function(){ $(this).css("background","pink"); }…
1.jQuery选择器:jQuery选择器类似于CSS选择器,用来选取网页中的元素.       Eg:$("h3").css("background","#09F");            分析:  获取并设置网页中所有<h3>元素的背景   “h3”为选择器语法,必须放在$()中    $(“h3”)返回jQuery对象           .css()是为jQuery对象设置样式的方法 2. jQuery选择器的优势: ★简洁…
1. jQuery中的事件: ●和WinForm一样,在网页中的交互也是需要事件来实现的,例如tab切换效果,可以通过鼠标单击事件来实现 ●jQuery事件是对JavaScript事件的封装,常用事件分类 ●基础事件 鼠标事件 键盘事件 window事件 表单事件 ●复合事件 鼠标光标悬停 鼠标连续点击 2.基础事件: ●语法: 时间名=”函数名()”;    或: DOM 对象.事件名=函数 ●载入事件:在jQuery中,常用的window事件有文档载入事件,它对应的方法是ready(). ●…
1.DOM操作: DOM操作分为三类: ●DOM Core:任何一种支持DOM的编程语言都可以使用它,如getElementById().getElementsByName: ●HTML-DOM:用于处理HTML文档,如document.forms: ●CSS-DOM:用于操作CSS(获取和设置style对象的各种属性),如element.style.color="green": ●JavaScript用于对(x)html文档进行操作,它对这三类DOM操作都提供了支持: 2. jQue…
1.jQuery简介: ● jQuery由美国人John Resig于2006年创建 ● jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装 ● 它的设计思想是write less,do more(以更少的代码,实现更多的功能):                                     ●jQuery是javaScript的程序库之一,它是javaScript对象和实用函数的封装. ●jQuery是继Prototype之后又一个优秀的…
一.表单 <form id="" name="" method="post/get" action="负责处理的服务端">id不可重复:name可以重复:get提交有长度限制,并且编码后的内容在地址栏可见,post提交无长度限制,且编码后内容不可见. </form> 1.文本输入 文本框<input type="text" name="" id="…
1.网页图片3d旋转jQuery代码 演示和下载地址 2.存css3实现的tabl选项卡代码 演示和下载地址 3.jQuery标签旋转代码 演示和下载地址 4.鼠标悬浮的图片选项卡代码 演示和下载地址 5.鼠标往下滚动时文字变大的css3代码 演示和下载地址 6.动画标签云网页代码 演示和下载地址 7.css3文字晃动代码 演示和下载地址 8.css3幻灯片代码 演示和下载地址 9.左右单个图片轮播滚动的jQuery代码 演示和下载地址 10.右侧按钮幻灯片网页代码 演示和下载地址 11.css…
对于产品经理来说,熟练使用一些常用软件是一项十分必要的技能.其中,作为一个专业的快速原型设计工具,Axure RP无疑在产品人心中拥有一个难以撼动的地位.但就要PS一样,虽然足够专业,但同样也会存在使用灵活性的一些问题. 今天我们就谈谈,如何用Axure快速制作APP交互原型,不对,更准确的说法应该是:如何用Axure快速制作一份有水准的APP交互原型.作为一名优秀的产品人不仅要保证效率,也要保证质量才行. 首先抛出我的方法论:制作属于自己的元件库并要学会善用母版,熟悉APP设计规范并要有自己一…
原文首发链接:http://www.jeffjade.com/2015/10/15/2015-10-16-cleaver-make-ppt/ 写在开始之前 互联网时代,以浏览器作为入口,已经有越来越多的桌面应用被web应用所取代.微软最赚钱的Office办公软件,也正在被免费的web应用所吞噬.如今即便薄学如我就已然知晓reveal.js impress.js等各种轮子来制作体验优良的网页PPT.今天就来尝试下这Node.js的轮子Cleaver来制作网页PPT. Cleaver基于HTML5,…
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…
这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件.它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画.相信借助这些插件,你也可以让网站变得高大上起来. ScrollReveal.js ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力.只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置好的动画. 在线演示     立即下载 Sc…
这个下拉菜单可以让你的网站非常优雅,滑动框导航效果令人印象深刻.此外,子菜单框也可以与此集成起来以使其更具吸引力.导航是网站成功的关键之一,有吸引力的导航能够引导用户浏览网站中的更多内容. 效果演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuery 图片轮播插件 本文…
对于网页制作相关专业人士一定对dreamweaver有所认识,下面小编就问大家总结一下相关网页制作的一些步骤,喜欢的朋友可以一起来学习一下   Dreamweaver这一款专业的网页制作软件,相信相关专业的人员都不会陌生.可以说,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页. 这里西西给大家带来一个dreamweaver制作网页的教程,初学DW的朋友可以参考一下. 一.定义站点 1. 在任意一个根目录下创建好一个…
使用前端技术开发桌面应用的技术已经相当成熟了,像早先的 NW.js,如今很火的 Electron 等,都可以轻松实现.今天给大家分享的 nativefier 就是基于 Electron 封装的,可以帮助你只需要一行命令就可以生成不同平台的桌面应用程序,非常神奇! 立即体验 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载]…
Red Pen 让设计师能够快速,高效的从你的同事和客户获取反馈.只需要简单的拖放图像到 Red Pen 主页,然后把生成的链接分享给你的同事或者客户.他们打开链接就能看到设计稿,并给予实时的反馈,所有这一切都是在线的.您的数据将不会被出售或共享,你保留你上传的作品的所有权. 您可能感兴趣的相关文章 10大流行的 Metro UI 风格 Bootstrap 主题 推荐35款精致的 CSS3 和 HTML5 网页模板 让人爱不释手的精美 Web 应用程序图标素材 赞!10套精美的免费网站后台管理系…
jQuery快速入门   jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面加载速度. 丰富的DOM选择器,jQuery的选择器用起来很方…
本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 这是我的系列教程Python+Dash快速web应用开发的第十三期,在上一期中,我们一起认识了Dash自带的交互式表格组件dash_table,并学会了如何自定义表格中不同部分的样式. 而今天的教程,我们将继续深入认识dash_table的更多交互方面的功能,学习如何为渲染出的表格分页,并添加动态内容修改等交互功能. 图1 2 dash_tabl…
CSS主要用于对HTML文件功能的补充及扩展,其作用就是对HTML文件中各种排版进行设置,达到对网页中字体.颜色.背景.图片等的控制,使网页能够完全依照设计者的想法来显示. CSS可以控制网页的显示,HTML标签中的属性也可以控制其显示,为什么还要有CSS呢?其中一个原因就是:以前几乎一个人就可以完成一个网站的设置,非常的简单,现在不是了,一个网站需要很多的人一起工作才可以完成,如果每个人都按照自己的喜好网页制作,那么开发出来的网页的风格就会不一样,那么这些网页很难放在同一个网站中了,CSS可以…
本文档要分析的案例是一个爱消除的网页小游戏,从中可以体会一些Mugeda API的用法和使用Mugeda动画制作网页游戏的方法. (一)游戏规则: 1.开始游戏时,手机出现在最上面一行的任意一格: 2.开始游戏时,彩色石头随机从上往下落,填满所有的方框,相同的三个石头不能相邻的排在一列或者一行: 3.手机从上移动到最下面一行的任意一格,就算胜利,或游戏时间结束,消除的石头数量超过30个也算胜利. (二).游戏玩法 只要三个相同的石头相邻的排在一列或者一行,他们就会消失,同时上面的石头往下落,落到…
环境:Qt5.7.0,VS2013 一.简单介绍 从 Qt5.4 开始已经去掉 Qt WebKit 模块了,使用的是 chrome 内核封装的 QtWebEngine,浏览器相关的类有以下几个: QWebEngineCertificateError Information about a certificate error QWebEngineDownloadItem Information about a download QWebEngineFullScreenRequest Enables…