1.17 JavaScript8:实战案例

.for循环图片的应用

在页面上显示一个矩形,鼠标在这个矩形的某个地方划过,则在该位置以矩形的形式显示图片的一部分。 
效果图: 1.17 JavaScript8:实战案例_第1张图片

 鼠标滑过之后: 

 1.17 JavaScript8:实战案例_第2张图片

 




    
    for循环图片应用
    



    鼠标滑过块来查看效果->兼容浏览器:IE6-8,FireFox,Chrome,Opera,搜狗,世界之窗,傲游

     2.日历

    在页面上显示12个月份,鼠标在某个月份上划过,则显示该月的活动安排。 
    效果图: 

     1.17 JavaScript8:实战案例_第3张图片

     

    
    
    
        
        JS简易日历
        
    
    
    
        

    活动计划

    • 1

      JAN
    • 2

      FEB
    • 3

      MAR
    • 4

      APR
    • 5

      MAY
    • 6

      JUN
    • 7

      JUL
    • 8

      AUG
    • 9

      SEP
    • 10

      OCT
    • 11

      NOV
    • 12

      DEC

     

     

    • 学院Go语言视频主页
      https://edu.csdn.net/lecturer/1928

    • 清华团队带你实战区块链开发

    • 扫码获取海量视频及源码   QQ群:721929980

    你可能感兴趣的:(区块链)