JS & JQuery
秋恨雪
熟悉C语言、Python、前端的h5, Vue等开发,熟悉安卓开发。现在致力于iOS研发。对算法也有一定的研究。现在在一家大型企业就职。
展开
-
手风琴效果
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。这一节为大家讲解的JQuery动画特效为手风琴,废话不多说,先看最终实现效果图。一、实现原理分析:对应的立体图:二、 HTML代码分析:<body> <div id="container"> <ul id="content"> <li clas...原创 2015-10-17 09:20:56 · 821 阅读 · 0 评论 -
DOM零碎知识点归纳
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。一、各种浏览器的支持性 1. window.navigate(url);//将网页重新导航到url,只支持IE、Opera,建议使用window.location.href=‘url’;//几大浏览器都支持!2. onbeforeunload="window.event.returnValue='...原创 2015-11-18 14:33:51 · 738 阅读 · 0 评论 -
JQuery零碎知识点归纳
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。1、Js是Netscape公司开发的。2、JQuery是对DOM的封装,它可以屏蔽不同浏览器之间的差别 。3、JQuery与DOM对象的转化:JQuery --> DOMvar objJQuery=$('cr'); //JQuery对象var objDOM=objJQuery[0]; 或者 ...原创 2015-11-22 08:36:19 · 701 阅读 · 0 评论 -
呼吸轮播
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。这一节所介绍的呼吸轮播是在上一节中介绍的 干蹦轮播 基础上进行改版而产生的。先看看最终的效果。一、淡入淡出(同时执行)二、淡入淡出(先淡出后淡入)代码分析:1. html代码如下:<body> <div id="container"> <ul id="conte...原创 2015-10-11 08:11:38 · 1701 阅读 · 0 评论 -
JavaScript零碎知识点归纳
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。1、a标签的特殊用法 <a href="javascript:alert('OK')">百度</a>即在链接地址中写入javascript代码,结果弹出OK,而不链向百度<a href="javascript:void(0)">不链接到任何地方</a>...原创 2015-11-10 14:28:47 · 656 阅读 · 0 评论 -
异形轮播-优酷
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。前面关于JQuery的轮播效果介绍了很多,这一节,我介绍一下一种常见的并且比较复杂的轮播效果(异形轮播),就是优酷主界面的轮播图,效果图如下(由于CSDN控制上传的gif文件最大为2M,所以下面的效果看起来不是很好,因为它滚动两张就重复播放,不过不用担心,实际的运行效果是很流畅的)。我们在书写代码...原创 2015-10-24 09:51:17 · 2007 阅读 · 2 评论 -
干蹦轮播
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。这一节,继续介绍JQuery动画特效:干蹦轮播。效果图如下:看起来这效果和我前几节介绍的 传统轮播 效果类似。之所以要介绍这个动画,主要是为了给出设计思路。在 传统轮播 中, 设计思路是将很多张图片一排显示,然后通过绝对定位,改变图片的left值。而这节介绍的干蹦轮播,所有的图片放置在一个UI包装...原创 2015-10-08 14:12:30 · 1000 阅读 · 0 评论 -
DOTA轮播
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。这一节介绍一下Dota轮播,先看看最终效果图。一、HTML代码分析:<body> <div class="dota"> <ul id="content"> <li><a href="#">&原创 2015-10-22 09:51:10 · 850 阅读 · 0 评论 -
传统轮播
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。从这一章节开始,我将会为大家陆续的介绍利用Jquery完成特效动画。先来看看这一节所介绍的特效:传统轮播。一、需求分析1. 提供很多尺寸相等的图片,一排紧挨着显示。2. 左右有两个切换按钮,用来控制显示上一张还是下一张。3. 右下方有指示器"小圈圈",用来提示显示到第几个图片;也可以点击它,进行图...原创 2015-10-06 09:52:58 · 753 阅读 · 0 评论 -
无缝连续滚动
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。今天为大家介绍的JQuery动画效果是一种很常见的动画特效:无缝连续滚动。 因为我们平时在浏览网页的时候,经常会看到那些一直在滚动的广告位。效果图如下:一、HTML代码:<body> <div id="container"> <ul id="content"&g...原创 2015-10-20 10:05:23 · 1714 阅读 · 0 评论 -
JQuery零碎知识点归纳2
本人录制技术视频地址:https://edu.csdn.net/lecturer/1899 欢迎观看。一、 评分控件效果图:代码:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title></title> <sc原创 2015-11-28 10:10:10 · 691 阅读 · 0 评论