注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Javascript >> 网页设计正文

JS和CSS实现的气泡窗口

文章来源:网页教学网收集整理 作者:佚名 更新时间:2008-1-27 19:48:52 【 】 【加入收藏
普通的Alt无法自定义风格,而Sweet Titles通过JS脚本与CSS的集合.自定义了这种伪Alt风格.
前一段时间非常流行的,就所谓的气泡窗口(鼠标移到链接处出现的).

我们这里实现的用的是Sweet Titles的插件.显示效果完全由CSS控制..

先下载Sweet Titles的插件(http://www.dustindiaz.com/sweet-titles).
在页面Body处插入如下:


然后在CSS文件里添加如下:


注:可以通过修改sweetTitles.js文件里的opacity参数调整气泡框的透明度.默认为80..
  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Fireworks教程:绘制小老鼠图案邮票
     Javascript教程:实用的JS函数库
     JS和CSS实现的气泡窗口
     不用组件实现Ajax效果
     网页设计经验和技巧总结
     网页制作应注意的几个事项
     DL.DT.DD的布局简单例子
     Flash贪吃蛇游戏AS代码翻译
     Flash中如何调用exe可执行文件?
     将swf文件转成可自动播放的exe文件
    最 新 推 荐
     Javascript教程:实用的JS函数库
     JS和CSS实现的气泡窗口
     不用组件实现Ajax效果
     JavaScript入门学习书籍的阶段选择
     基于javascript的拼音字典及应用举例
     JS分层的概念与本地存贮
     Javascript实现打印网页中定义的部分内容
     Javascript代码轻松隐藏网页源文件
     实现在AJAX下的前进、后退功能
     Javascript代码在网页中简单应用的几个示例
    相 关 文 章

    Javascript教程:实用的JS函数库
    JS分层的概念与本地存贮
    HTML和CSS在Flash中的应用
    网页设计中总结的几个有用的JS特效代码
    动态加载外部css或js文件
    用js实现select对div的隐藏与显示
    用js按比例重定图片尺寸
    已知商品单价,用JS计算所选数量的总价
    一个例子认识JS的两个参数
    JS的&&和&,||和|运算符两个不同点

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用