首页 > 代码库 > javascript基础03
javascript基础03
javascript基础03
1. 算术运算符
后增量/后减量运算符 ++ ,--
比较运算符 ( >, <, >=, <=, ==, !=，===,!== )
逻辑运算符( &&, || , !)
字符串的比较
字符串按字符在unicode中的码位来比较大小，并且会从开始首位字符比较大小，如果相等会比较下一位字符，直到比较出大小或字符都比较完为止。
alert("101"<"3");返回true2.程序流程控制
一、条件语句 if
判断条件，只有当为true时，才会执行条件花括号里的代码。
二、switch语句
语法：
switch (expression){ case value: //statement break; case value: //statement break; default: //statement }表达式满足某个value值才会执行那个value值对应的代码，如果都没有满足条件，那么就会执行default里的代码
扩展：
今天介绍一个插件：responsiveslides
它是做轮播图的插件，基于jquery，使用起来感觉还不错，可以做响应式的轮播图，从名字上就可以知道。
它是一个组件化的插件，基于面向对象，但jquery里的，面向对象的方式给处理过，所以直接看源码
可能很难懂。
不过它有好好的说明使用方式：
$(function() { $(".rslides").responsiveSlides({ pager: true, // 默认为false,需要展示时（true）展示索引点，默认为数字12345，去js库里修改就可以了，去掉n，修改样式就可以出现自己所需的，如圆点 nav: true, // 展示上一张和下一张的导航，与下面的prevText和nextText有关联，它们是它在页面的表示方式 pause: false, // 鼠标移入移出是否停止 pauseControls: true, // Boolean: Pause when hovering controls, true or false prevText: "<", // 修改左右按钮的符号 nextText: ">", }); });至于需要大大的修改为自己所需要的效果，这个可以配合浏览器调试工具
去找到它们的选择器，直接在css里重新编写一个，覆盖掉之前的样式，
这个就可以做到一个合适自己的轮播图。
上面的只是一部分参数，还有很多，目前还没去修改观察效果。
HTML代码：
<!-- 使用一个div包住它，而那些js添加的标签会直接加载到ul标签后面（而这个添加不是自己编写添加，只是修改上面的参数就会自动添加） --><div id="banner"> <ul class="rslides" id="rslides"> <li><img src="http://www.mamicode.com/111.jpg" ></li> <li><img src="http://www.mamicode.com/222.jpg" ></li> <li><img src="http://www.mamicode.com/333.jpg" ></li> <li><img src="http://www.mamicode.com/444.jpg" ></li> <li><img src="http://www.mamicode.com/555.jpg" ></li> </ul></div>
在下载responsiveslides包里有个css文件，那是默认的css设置，有需要可以使用调试工具，一边调试一边修改
网上还有很多类似的插件，但目前不知道怎么才能快速灵活运用起来，使用起来都很僵硬，不能把插件之间一起运用
起来，重新封装成一个插件。
javascript基础03
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。