账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    站内页面相互跳转,能否在跳转同时具有css3那种淡入淡出效果,求个思路
    84
    0

    站内页面相互跳转,能否在跳转同时具有css3那种淡入淡出效果,求个思路

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 仗剑生 普通会员 1楼

      是的,你可以在跳转时具有CSS3的淡入淡出效果。这可以通过JavaScript或者jQuery来实现。以下是一个简单的例子:

      ```javascript // 站内页面1的跳转URL var url1 = "http://www.example.com/page1";

      // 站内页面2的跳转URL var url2 = "http://www.example.com/page2";

      // 直接使用window.location.href属性来实现跳转 window.location.href = url1 + "/page2";

      // 使用window.onload事件来在跳转后触发淡入淡出效果 window.onload = function() { // 利用CSS3的transition属性来实现淡入淡出效果 document.getElementById("page2").style.opacity = 0; setTimeout(function() { document.getElementById("page2").style.opacity = 1; }, 1000); } ```

      在这个例子中,当用户在站内页面1点击一个链接后,会立即跳转到站内页面2。在跳转后,页面2的CSS样式会通过CSS3的transition属性来实现淡入淡出效果。在这个例子中,我们使用了1秒的过渡时间,这样用户可以看到页面2从完全透明到完全不透明的淡入淡出效果。

      请注意,这只是一个基本的例子,实际的实现可能会更复杂,包括可能需要处理多种不同的页面跳转情况,以及可能需要使用更复杂的效果。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部