jquery制作搜狐快站页面效果示例分享

代码如下:

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.3.min.js"></script>
<script type="text/javascript" src="js/jquery.fullPage.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $.fn.fullpage({
        slidesColor: ['#fff', '#fff', '#fff', '#fff', '#fff'],
        anchors: ['page1', 'page2', 'page3', 'page4', 'page5'],
        menu: '#menu'
    });
});
</script>

赞 (0)

相关推荐

  • jquery制作搜狐快站页面效果示例分享

    jquery制作搜狐快站页面效果示例分享

    复制代码 代码如下: <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript" src="js/jquery-ui-1.10.3.min.js"></script><script type="text/javascript&

  • jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】

    jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】

    本文实例讲述了jQuery插件FusionCharts实现的MSBar2D图效果.分享给大家供大家参考,具体如下: 1.页面展示 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-T

  • jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】

    jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】

    本文实例讲述了jQuery插件FusionWidgets实现的AngularGauge图效果.分享给大家供大家参考,具体如下: 1.设置AngularGauge图的数据源 AngularGauge.xml: <?xml version="1.0" encoding="UTF-8"?> <chart lowerLimit="0" upperLimit="100" lowerLimitDisplay="

  • jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】

    jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】

    本文实例讲述了jQuery插件FusionWidgets实现的Cylinder图效果.分享给大家供大家参考,具体如下: 1.数据源 Cylinder.xml: <?xml version="1.0" encoding="UTF-8"?> <chart palette="4" lowerLimit="0" upperLimit="10000" numberSuffix=" ltrs

  • jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】

    jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】

    本文实例讲述了jQuery插件FusionCharts绘制2D环饼图效果.分享给大家供大家参考,具体如下: 1.静态页面index.html: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Co

  • jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】

    jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】

    本文实例讲述了jQuery实现的动态文字变化输出效果.分享给大家供大家参考,具体如下: 演示效果图如下: 1.完整实例代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Typ

  • jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】

    jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】

    本文实例讲述了jQuery插件FusionCharts实现的MSBar3D图效果.分享给大家供大家参考,具体如下: 1.静态页面: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-

  • jQuery Ajax 异步加载显示等待效果代码分享

    jQuery Ajax 异步加载显示等待效果代码分享

    AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1) 使用CSS和XHTML来表示. 2) 使用DOM模型来交互和动态显示. 3) 使用XMLHttpRequest来和服务器进行异步通信. 4) 使用javascript来绑定和调用. 通过AJAX异步技术,可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请求(Reques

  • jQuery实现简单的网页换肤效果示例

    jQuery实现简单的网页换肤效果示例

    本文实例讲述了jQuery实现简单的网页换肤效果.分享给大家供大家参考,具体如下: 这里有4个文件:skin.html.blue.css.green.html.red.html,都放在同一目录下. 1.skin.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&

  • jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】

    jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】

    本文实例讲述了jQuery插件HighCharts绘制2D半圆环图效果.分享给大家供大家参考,具体如下: 1.实例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HighCharts 2D半圆环图</title> <script type="text/javascript" src="js/jquer

随机推荐