xml地图|网站地图|网站标签 [设为首页] [加入收藏]
大三在校生的传智120天的1200小时.net(十) 关于JQ
分类:网络频道

大三在校生的传智120天的1200小时.net(十) 关于JQuery(最后一点动画效果*),1200小时jquery

1,$(':radio').val(['1','2','3']);//特殊写法,把值为1 2 3的都选中。

2,math.abs(len)取绝对值

3,按钮高亮显示,一般是配置两个按钮,一个普通的,一个高亮度的(比如普通样式按钮坐标为100,100. 高亮样式按钮坐标为120,120),当鼠标经过,js改变css background-position:100 -100;动态变为120 -120。(至于为什么当你在很多网站要保存一个小图标,却保存成了很大的图片,就是因为网站的图标显示离痛了background-position这种方法)

4,

文字被鼠标选中的效果
//1。扩展jQuery
$.fn.selectRange = function (start, end) {
var curObj = $(this).get(0);
if (!curObj) return;
else if (curObj.setSelectionRange) {
curObj.focus(); curObj.setSelectionRange(start, end);
} / WebKit */ 宝马娱乐在线网址,else if (curObj.createTextRange) { var range = curObj.createTextRange(); range.collapse(true); range.moveEnd('character', end); range.moveStart('character', start); range.select(); } /* IE */ else if (curObj.selectionStart) { curObj.selectionStart = start; curObj.selectionEnd = end; } };*

调用的时候直接调用selectRange方法
.selectRange(1,7);
//默认选中文字start到end 加载即选中

5,javascript:void(0);不跳转

6,$(this).parent().remove();

7,

//判断层是否已存在
if($('#dv1').length==0){};

8,

.hover() //鼠标进入,鼠标离开
$('#btn').hover(function() {
$(this).css('background-color', 'red');
}, function() {
$(this).css('background-color', '');
});

9,

//切换事件 ,toggle();
$('#btn').toggle(function() {

}, function() {

}, function() {

}, function() {

});

10,   01:在内层return false;可以阻止事件冒泡(推荐使用)

        02:function(e)

*            e.stopPropagation();
         * (标准用法)

            $('btn').click(function(e){

*            if(!confirm('去不')){
            e.prevrntDefault();//阻止事件
                } 
            });*

11,

//在注册事件时候就传值
$('#btn').click({'name':'小黑'},function(evt){
alert(evt.data.name);
});

12,

//延时隐藏和展示
$(function () {
$('#btnHide').click(function () {
$('div').hide(1000);
});
$('#btnShow').click(function() {
$('div').show(1000);
});
});

13,***************动画效果

首先脱离了文档流
$('img').animate
({"top":"550px","left":"10px","width":"50px","height":"50px"},1500) //这是图片最后的结果
; //渐变 从上落到据上面550px 并且逐渐变小
//动画效果

 

http://www.bkjia.com/jQuery/950702.htmlwww.bkjia.comtruehttp://www.bkjia.com/jQuery/950702.htmlTechArticle大三在校生的传智120天的1200小时.net(十) 关于JQuery(最后一点动画效果*),1200小时jquery 1,$(':radio').val(['1','2','3']);//特殊写法,把值为1 2...

本文由宝马娱乐在线发布于网络频道,转载请注明出处:大三在校生的传智120天的1200小时.net(十) 关于JQ

上一篇:[设计模式] javascript 之 策略模式,设计模式java 下一篇:没有了
猜你喜欢
热门排行
精彩图文