JS模拟百度搜索框和选项卡

练习1

实现搜索框内,输入相关数字,在下方显示相关内容,模拟百度搜索,详细代码如下:





    
    
    
    Document
    



    

结果:

点击搜索框时:

JS模拟百度搜索框和选项卡_第1张图片

JS模拟百度搜索框和选项卡_第2张图片 

 练习2,选项卡,详细代码如下:





    
    
    
    Document
    



    
  • 大菊
  • 英短
  • 美短
  • 布偶

 结果:

JS模拟百度搜索框和选项卡_第3张图片file:///C:/Users/DELL/Pictures/Screenshots/屏幕截图(15).png

点击第二个选项卡时:

JS模拟百度搜索框和选项卡_第4张图片

 

你可能感兴趣的:(JS经典案例,JS,HTML,html5)