jq slider()

$(function(){
function scaleImage(){
console.log(‘aa‘);
var sliderValue=$(".scale").slider("value");
$(".aa").text(sliderValue)
$(".img").css("width",sliderValue)
}
var sliderOptions={
animate: "true",
min: 100,
max:200,
step:1,
value:175,
slider:scaleImage,
change:scaleImage

}
$(document).ready(function(){
$(".scale").slider(sliderOptions)
})
})
</script>
<style type="text/css">
.scale{width: 250px;background: #F3F3F3;}
.img{width: 175px;height: 100px;}
</style>
</style>
</head>
<body>
<div class="scale">

</div>
<div class="aa">
175
</div>
<div id="bb">
<img class="img" src="notes.png"/>
</div>
</body>

时间: 2024-08-07 16:59:43

jq slider()的相关文章

jq animate动画 自制slider

jq的 animate的动画重复执行 导致浏览器卡死. 在animate()前加stop() 即可. (function($){ var silde = { init:function(a,number,gundong,status){ this.auto(a,number,gundong,status); }, auto:function(a,number,gundong,status){ var _root = this, $ul = $(a).find("ul"), $lis =

slider jq小插件

html代码 <div class="r_list r_1" style="display:block;"> <div class="min_box"> <ul class="slider_con"> <li> <a href="#" class="r_img"><img src="img/temp/r_img0

jq轮播图支持ie7

用过一些轮播框架  但是有的不正常ie7 所以就自己找资料写了一个 代码不粗糙的 <!DOCTYPE html><html><head><title>轮播图支持ie7依赖jq</title><meta charset="utf-8" /><script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script

jQuery学习(五)——使用JQ完成复选框的全选和全不选

1.在系统后台进行人员管理时,进行批量删除,使用jq完成全选和全不选 步骤分析: 第一步:引入jquery文件 第二步:书写页面加载函数 第三步:为上面的复选框绑定单击事件 第四步:将下面所有的复选框的选中状态设置成跟上面的一致! 2.具体代码实现: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用jQuery完成复选框的全选和全不

自写原生jq滚轮插件

自己仿bootStarp插件写的,思路局限,仅供交流,有好的建议还请不吝赐教//使用方法:                //html:需要ul>li>a的模式,a需要类名,需要设置page-scroll属性,page-scroll属性需要1以数字结尾,容器为所变化的最大页面                //js:请传入一个事件对象,对象需要传入属性:pageAnchorName(锚点id)及contianer(容器类)                //下标jq对象传入$navIndex属

jQ控制前端输入用户为空是的提醒

1.在jQ中$(function(){})函数的意思是 $(document).ready(function(){}) 的简写,用来在DOM加载完成之后执行一系列预先定义好的函数 placeholder属性提供可描述输入字段预期值的提示信息(hint),该提示会在输入字段为空时显示,并会在字段获得焦点时消失 <input type="password" name="password" placeholder="密码"> jq文件 &l

【JQ成长笔记】jQuery Validate验证插件

validate是一款很好的jq插件,提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 需要引入的js 1 <script type="text/javascript" src="../../scripts/jquery-1.3.1.js&qu

slider(js)扩展

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Slider图片轮播</title> <style type="text/css"> *{margin:0;padding:0} ul,li{list-style:none} #slider{ position:relative;width:470px; heigh

jq --- shell命令模式下JSON格式化利器

开发restful 的web api时,一般使用JSON作为返回数据的格式,调试使用curl命令十分方便, 但是curl有个问题就是返回的JSON数据包并没有格式化,不利于读,在数据复杂时更是灾难, 这时候很多人就使用postman这样的带UI的工具,我个人还是比较喜欢curl,所以找到了一个 JSON格式化工具:jq,下面是效果 原始效果: $ curl http://localhost:8080/get{"name":"hh","data":