zoukankan      html  css  js  c++  java
  • JQuery网页技术第三天ASP.NET

    第三天

    微博案例:

    Change事件,只有焦点离开时,文本框才会触发,计算文字的长度;

    Span .countTxt是标签类选择器,中间没有空格;

    可以使用一个,定时执行来调用change事件,这样就能达到即时改变的效果;

    Math.abs()绝对值;

     

    要使用htmlspan进行设置文字;

    为广播按钮设定图片;(坐标要加上-负号)

     

    No-repeat是图片不重复

    Floatright右浮动;text-alignright表示文字靠右;

     

    Ul中的符号:去掉符号,边框也变成0

     

    li标签设置:

     

    获取某以对象的位置:

    Offset().left距离左边的距离;top距离上面的距离

    设置层的绝对定位:

     

    图片地址中的Alt是当图片不能正常显示的时候,用来替代的内容;

    在指定的内容中,搜索:

     

     

    为元素绑定事件:

    Bind绑定事件,相当于单击后,触发了两件事;

    Unbind取消绑定事件;(比较少用)

    Hover(进入,离开)用于设置,鼠标的进入和离开的事件;

    需要在方法中传一个参数e

    stopPropagation();停止事件冒泡;preventDefault()阻止超链接的实现;

    停止超链接的连接

    1. 获取鼠标的位置:

    2. alert(e.pageX + ',' + e.pageY);

    3. Target获取的是原dom对象,需要转换后使用;

    4. Which获取按下的按键;

    5. keyCode表示的键盘按下的键;

    6. Type可以获取当前事件触发的类型;

    7.  只触发一次的属性:

     

     

    1.Show(时间,function(){显示后执行的方法});显示;

    2.Hide(时间,function(){隐藏后要执行的方法})隐藏;

    3.Toggle();隐藏和显示之间切换

    Cursorpointer显示鼠标为小手状;

     

    Bgsound标签可以设置声音;

    图片的绝对定位;

    图片的放大效果,要使用到插件;

    隐藏样式:

    css('display', 'none');

    动画方法

    慢慢展开div

    $('div').slideDown(2000)

    慢慢收起div

    $('div').slideUp(2000)

    展开和收起

    $('div').slideToggle(1000)

    淡入和淡出

    $('div').fadeToggle(150)

    淡入

    $('div').fadeIn(2000)

    淡出

    $('div').fadeOut(2000)

    淡出0.1,不是淡出完全,数值越小,淡出越多

    $('div').fadeTo(2000, 0.1)

     

    Animate从起点开始,慢慢移动到指定的位置;可以形成连续的移动效果;

    $('img').css('position', 'absolute')

    .animate({ 'left': '200px', 'top': '150px'}, 3000)

    .animate({ 'left': '+=300px', 'top': '+=300px' }, 3000)

    .animate({ 'left': '+=200px', 'top': '-=300px' }, 3000);

    缓存中的cookie使用;

    可用于记录密码;

    PS:一个还在苦苦学习的中高级Asp.Net软件开发工程师,学习会犯困的那种
  • 相关阅读:
    清北学堂2019NOIP提高储备营DAY1
    最小生成树--克鲁斯卡尔算法(Kruskal)
    关于队列(还有广度优先搜索的例题)
    染色问题
    行列式的相关知识
    素数筛法
    中国剩余定理(孙子定理)
    AOJ 9.University
    AOJ 8.童年生活二三事
    AOJ 7.Redraiment猜想
  • 原文地址:https://www.cnblogs.com/mafacai/p/2860354.html
Copyright © 2011-2022 走看看