向高手请教几个ajax特效，先说声谢谢！

Question

本帖最后由 xiaomiao001 于 2009-12-06 23:44:15 编辑

Answer 1

前面的网页来自 UCHome 吧，看下它的源代码不就行了。后面那个特效更是简单。

Answer 2

前两个
可以用webserver实现
后两个
ajax有个特效控件  可以设定等待时候的特效，等待多少时间  那个控件上可以放图片 加文字  ，提高用户体验

Answer 3

很多人写了很多jQuery的插件。遮盖效果可以考虑用这个http://dev.iceburg.net/jquery/jqModal/

Answer 4

看不懂UC Home的源码。惭愧。

Answer 5

第一个用非模态的弹出层~后面的JQuery就有这样的功能~异步Ajax

Answer 6

lz想问 "遮罩层" 怎么实现的？这个代码网上有现成的，直接用就可以了。就是js代码...正在处理你就搞个flash这个最简单，还好看...或者也是js设定时间，想同步加载web比较难。

Answer 7

后面的那个功能很简单就是Ajax的核心组件的UpdateProgress控件就行

Answer 8

这些我都会写，不过看起来几句话说不清
比如弹出层，以前也用jquery-ui的dialog，现在发现更简洁的写法<input id="Button1" type="button" value="点击这里" onclick="document.getElementById('dealing').style.display = 'block'" />
    <div id="dealing" style="width: 100%; height: 100%; position: absolute; top: 0px;
        left: 0px; background-color: Black; filter: alpha(opacity=50); -moz-opacity: 0.5;
        opacity: 0.5; z-index: 1000; display: none;">
        <table width="100%" height="100%">
            <tr>
                <td align="center" valign="middle">
                    <div style="background-color: White; width: 300px;">正在处理，请稍候……</div>
                </td>
            </tr>
        </table>
    </div>

Answer 9

都是ajax的基本应用……多看看jq的api，上面有些例子的

Answer 10

上面的例子我使用html按钮，其实平时asp.net的提交大多用asp:button，也就是服务端的控件，执行完页面postback，提示的div就自动消失了，什么都不用做，因为我把提示的div的display属性设为none。如果你使用html按钮来ajax提交，可以在执行成功后写js把display设为none

Answer 11

谢谢！你的效果好像是把整个页面都遮罩了。我想的是，只在页面的一部分（比如页面的左下角，或者框架页面的top中）显示遮罩。

Answer 12

如果位置和大小确定，你只要修改那个div的width/height/top/left的值就可以了。位置和大小不确定的，也可以用js动态修改。