用原始代码制作简易的百度页面

最新推荐文章于 2024-02-01 15:08:06 发布

幽幽谷de精灵

最新推荐文章于 2024-02-01 15:08:06 发布

阅读量4.3k

点赞数 1

文章标签：用原始代码制作简易的百度页面

本文链接：https://blog.csdn.net/dan_liu87/article/details/84539921

版权

本文介绍了如何使用原始代码制作简易的百度页面。页面左上角的天气信息通过AJAX实现，每隔5分钟自动更新。通过JSONP请求获取数据并在页面显示。同时，文章展示了右上角"更多产品"区域的交互设计，利用mouseover和mouseout事件为栏目条添加显示和隐藏效果，以及动态下划线，通过mouseleave事件实现平滑过渡。

摘要由CSDN通过智能技术生成

用原始代码制作简易的百度页面

- 总述：百度页面
- - 百度页面一：
  - 百度页面二：

总述：百度页面

     这里主要讲下ajax的实现和鼠标移到一个块上所触发的事件；

百度页面一：

百度页面
代码：


   <script>
    function weatherInformation() {
   
       $.ajax({
   
           url: "http://api.k780.com:88/?app=weather.today&weaid=1&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json&jsoncallback=?",
           dataType:"jsonp",
           type:"Post",
           jsonpCallback: "jsonpCallback",
           success:function(data){
   
               var $sp=$("<span></span>");
               $.each(data,function(k,v){
   
                   if(k=="success"