`
huiqinbo
  • 浏览: 334366 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用AJAX实现淡入淡出特效（回钦波）

AjaxjQueryQQ.netHTML 
阅读更多
0.jquery.js我放到下面你可以下载下来
1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <link type="text/css" rel="stylesheet" href="css/windowfade.css">
    <script type="text/javascript" src="jslib/jquery.js"></script>
    <script type="text/javascript" src="jslib/windowfada.js"></script>

</head>
<body>

    <a onclick="dianji()" href="#">来点击我吧！</a>

    <div id="win">  
        <div id="title">我是标题<span id="close" onclick="hide()">X</span></div>
        <div id="content">我是内容</div>
    </div>

</body>
</html>


2.
#win{
    position :absolute;
    top: 220px;
    left:400px;
    border: 1px red  solid  ;
    width:300px;
    height:400px;
    display :none;
}
#x{
    position:absolute;
    left:340px;
}
#close {
    /*使关闭按钮向右侧移动*/
    margin-left: 158px;
    /*让鼠标进入时可以显示小手，告知用户可以点击操作*/
    cursor: pointer;
}

3.
function dianji(){
    var win=$("#win");
    win.fadeIn("slow");
}
function hide(){
    var win =$("#win");
    win.fadeOut("slow");

}


出入：回钦波（QQ：444084929  个人主页：http://www.yezhong.net）
  • 大小: 15.3 KB
分享到：
| IntelliJ Idea 常用快捷键列表大全
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    五屏jQuery焦点图切换，淡入淡出+圆形按钮

    内容索引:脚本资源,jQuery,图片切换,幻灯切换　五个图片的jQuery焦点图切换代友，淡入淡出过渡特效+圆形的控制按钮，运行效果如上所示，鼠标不点击的时候自动播放，鼠标点击的话，会淡入淡出切换，注意，图片这里仅...

    Ajax打造的动感图片相册特效

    纯JS、AJAX打造的具有动感特效的图片相册，每张图片切换的时候带有淡入淡出特效，更新图片方便，直接上传到你的目录就可以用了。

    JQuery InnerFade 淡入淡出效果插件

    内容索引:脚本资源,jQuery,淡入淡出,jQuery插件　JQuery InnerFade 是一款专业用来在网页上显示淡入淡出效果的插件，它可完成图片与图片、文字与文字、网页与广告的渐显效果，同时使用方法简便，官方示例文件已附加...

    一个新闻Ajax调用显示的jquery特效.rar

    一个基于 jQuery新闻显示插件，可循环切换显示网站里预设的内容，并支持淡入淡出的显示效果 ,滑开隐藏Slide Up-Down, 支持手支控制加载内容，向左向右打开Left To Right 的效果，运行效果如下图所示。

    jQuery 仿Flash四焦点图片淡入淡出切换

    内容索引:脚本资源,jQuery,图片切换　jQuery 仿Flash四屏焦点图片切换，淡入淡出的效果，记得以前发布过类似的图片特效，不过实现方法好像和以前的不太一样，所以还是放上来让大家研究吧，学习jQuery挺实用的资料。

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    117. 适合网站内容推广淡入淡出特效的jQuery焦点图结合文字导航切换特效(很精美) 118. 非常不错jQuery放大镜实例包下载(可放大图片与区域放大的AnythingZoomer插件) 119. 非常不错jQuery网页内容图片分类插件带...

    非常漂亮的100个 jquery前端案例,包含幻灯片切换、图片缩放、相册、放大镜、图片拖着滚动等.zip

    jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 jQuery+CSS实用图片收缩与放大效果插件 jquery+div实现同时滑动切换的图文展示特效插件下载 jquery+div带动画按钮图片手动与自动切换的特效代码 jquery一页...

    Js Ajax在线网页相册浏览特效.rar

    一个不花哨的Js Ajax在线网页相册浏览特效，当鼠标点击左侧缩略图的时候，右侧的大图片淡出，下一张会淡入，这种动画切换方式也是比较经典的，相册的调用引用了一个image-slideshow-5.js封装文件，相册代码结构为DIV...

    jQuery提示框代码有渐变特效.rar

    jQuery浮动提示框代码有渐变特效，点击段落中的文字，即可渐变显示出提示框，随后会自动渐变消失，淡入淡出的效果，上下都会有提示框，本效果是在浮动层的基础上添加渐变效果实现的提示框。

    门户网站图片幻灯片切换特效.rar

    Js图片切换特效，来自新浪门户新闻频道，简洁大气，支持自动播放图片，鼠标也可手动操作控制，下边的小圆点对应一张图片，每张图片均显示出标题、文字说明，并且可一次播放10张图片，淡入淡出式切换的方式。

    JavaScript_JQuery_CSS_DIV漂亮的实例

    2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效...

    jquery 动态示例

    2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效...

    旅游网站HTML5移动开发.zip

    表单输入验证功能，提交后提示预定信息，导航栏功能、AJAX城市天气预报查询功能，网站界面美观，布局配色合理，方便和吸引用户的使用。包含10个以上自己设计的超链接页面。 具体要求为： (1) 网站主题为爱旅行旅游...

    移动开发HTML5设计.zip

    表单输入验证功能，提交后提示预定信息，导航栏功能、AJAX城市天气预报查询功能，网站界面美观，布局配色合理，方便和吸引用户的使用。包含10个以上自己设计的超链接页面。 具体要求为： (1) 网站主题为爱旅行旅游...

    100多个JQuery效果示例（实例）div+css+javascrpit

    2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    2.jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3.jQuery+CSS实用图片收缩与放大效果插件 4.jquery+div实现同时滑动切换的图文展示特效插件下载 5.jquery+div带动画按钮图片手动与自动切换的特效...

    ASP.NET开发实战1200例（第Ⅰ卷）第二十章

    第20章 图文验证与图片处理技术 770 20.1 网站常用验证码大全 771 实例514 绘制纯数字的网站验证码 771 ...实例542 为相册中的照片加上淡入淡出效果 （AJAX） 821 实例543 使用AJAX可调整大小控件拖曳图片 调大小 823

    网上书城网站

    这是个简单的网上书城电子商务网站，前台界面采用了CSS+js+jsp模式，还使用了Ajax技术进行验证，前台有一些js特效，如图片的淡入淡出、图片的轮换等，后台主要使用jsp+servlet来实现，有分页效果，主要有用户管理、...

    jQuery 7种切换特效的3D图片轮显切换插件.rar

    jQuery 7种切换特效的3D图片轮显切换插件，就是一个焦点图，只是改变图片切换的方式有7种，图片下边的一行按钮对应一种切换方式 ，大致为水平3D切换，垂直3D切换、淡入淡出渐变、滚动（滑动）切换、两种百叶窗风格...

Magicbox
Global site tag (gtag.js) - Google Analytics