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软件开发工程师,学习会犯困的那种
  • 相关阅读:
    [Algorithms] Insertion sort algorithm using TypeScript
    [Algorithms] Determine if a string is a palindrome
    [Algorithm] Determine if two strings are an anagram
    [Vue + TS] Watch for Changes in Vue Using the @Watch Decorator with TypeScript
    [Vue +TS] Use Two-Way Binding in Vue Using @Model Decorator with TypeScript
    uvc摄像头代码解析7
    并查集
    流程节点多场景多表单
    【图像识别】 图像处理和图像分析(leptonica)leptonica-1.68安装配置 (vs2008)
    Eclipse完美汉化教程
  • 原文地址:https://www.cnblogs.com/mafacai/p/2860354.html
Copyright © 2011-2022 走看看