jquery 相册

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2 <html xmlns="http://www.w3.org/1999/xhtml">
  3 <head><title>
  4 
  5 </title>
  6     
  7 <style type="text/css">
  8 .sliderbox{height:150px;overflow:hidden;margin:6px 0 0 0; border:#e9e9ea solid 1px; padding-top:14px;float:left;}
  9 .sliderbox a{text-align:center;text-decoration:none;} 
 10 .sliderbox .arrow{width:38px;height:104px;background:url(../images/arrow-btn.jpg) no-repeat;cursor:pointer;float:left;}
 11 .sliderbox .left{float:left;background-position:0 0;}
 12 .sliderbox .left.dasabled{background-position:0 -127px;}
 13 .sliderbox .right{float:right;background-position:-44px 0;}
 14 .sliderbox .right.dasabled{background-position:-44px -127px;}
 15 
 16 .sliderbox .slider{float:left;height:504px;width:620px;position:relative;overflow:hidden;margin:0 0 0 3px;display:inline;}
 17 .sliderbox .slider ul{position:absolute;left:0;width:auto;height: 160px; overflow:hidden; list-style:none;float:left;padding:0;}
 18 .sliderbox .slider li{float:left;width:158px;height:134px;text-align:center; margin:0 0 0 0; padding:0;list-style:none;}
 19 .zoombox p{ font-size:14px; color:#666; line-height:25px; height:auto}
 20 </style>
 21 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 22 <script type="text/javascript">
 23 
 24     function SetSlider(thumbnail, btn_right, btn_left) {
 25 
 26         var $slider = $('#' + thumbnail + ' ul');
 27         var $slider_child_l = $('#' + thumbnail + ' ul li').length;
 28         var $slider_width = $('#' + thumbnail + ' ul li').width();
 29         $slider.width($slider_child_l * $slider_width);
 30 
 31         var slider_count = 0;
 32         var show_Item_count = 4;
 33         if ($slider_child_l <= show_Item_count) {
 34             return;
 35         }
 36         $("#" + thumbnail + " li a").click(function() {
 37             $("#" + thumbnail + " li.current").removeClass("current");
 38             $(this).parents("li").addClass("current");
 39             return true;
 40         });
 41 
 42         if ($slider_child_l < show_Item_count) {
 43             $('#' + btn_right).css({ cursor: 'auto' });
 44             $('#' + btn_right).removeClass("dasabled");
 45         }
 46 
 47         $('#' + btn_right).click(function() {
 48             if ($slider_child_l < show_Item_count || slider_count >= $slider_child_l - show_Item_count) {
 49                 return false;
 50             }
 51 
 52             slider_count++;
 53             $slider.animate({ left: '-=' + $slider_width + 'px' }, 'fast');
 54             slider_pic();
 55         });
 56 
 57         $('#' + btn_left).click(function() {
 58             if (slider_count <= 0) {
 59                 return false;
 60             }
 61             slider_count--;
 62             $slider.animate({ left: '+=' + $slider_width + 'px' }, 'fast');
 63             slider_pic();
 64         });
 65 
 66         function slider_pic() {
 67             if (slider_count >= $slider_child_l - show_Item_count) {
 68                 $('#' + btn_right).css({ cursor: 'auto' });
 69                 $('#' + btn_right).addClass("dasabled");
 70             }
 71             else if (slider_count > 0 && slider_count <= $slider_child_l - show_Item_count) {
 72                 $('#' + btn_left).css({ cursor: 'pointer' });
 73                 $('#' + btn_left).removeClass("dasabled");
 74                 $('#' + btn_right).css({ cursor: 'pointer' });
 75                 $('#' + btn_right).removeClass("dasabled");
 76             }
 77             else if (slider_count <= 0) {
 78                 $('#' + btn_left).css({ cursor: 'auto' });
 79                 $('#' + btn_left).addClass("dasabled");
 80             }
 81         }
 82     }
 83 </script>
 84 
 85     <script type="text/javascript">
 86         $(document).ready(function() {
 87         SetSlider('HJContainer', 'hj_right', 'hj_left');
 88         });
 89 
 90     </script>
 91 
 92 </head>
 93 
 94 <body>
 95     
 96         <div class="sliderbox">
 97             <div id="hj_left" class="arrow left dasabled">
 98             </div>
 99             <div class="slider" id="HJContainer">
100                 <ul id="hjFile">
101                     <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
102                         target="_blank" title="一等奖">
103                         <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
104                             height="104" alt="一等奖" />
105                         <br />
106                         一等奖</a></li>
107                     <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
108                         target="_blank" title="一等奖">
109                         <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
110                             height="104" alt="一等奖" />
111                         <br />
112                         一等奖</a></li>
113                     <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
114                         target="_blank" title="二等奖">
115                         <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
116                             height="104" alt="二等奖" />
117                         <br />
118                         二等奖</a></li>
119                     <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
120                         target="_blank" title="三等奖">
121                         <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
122                             height="104" alt="三等奖" />
123                         <br />
124                         三等奖</a></li>
125                     <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
126                         target="_blank" title="市一等奖">
127                         <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
128                             height="104" alt="市一等奖" />
129                         <br />
130                         市一等奖</a></li>
131                     <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
132                         target="_blank" title="三档">
133                         <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
134                             height="104" alt="三档" />
135                         <br />
136                         三档</a></li>
137                     <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4.jpg"
138                         target="_blank" title="你是何人">
139                         <img src="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4_small.jpg" width="138"
140                             height="104" alt="你是何人" />
141                         <br />
142                         你是何人</a></li>
143                     <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4.jpg"
144                         target="_blank" title="你是何人">
145                         <img src="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4_small.jpg" width="138"
146                             height="104" alt="你是何人" />
147                         <br />
148                         你是何人</a></li>
149                     <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4.jpg"
150                         target="_blank" title="天天">
151                         <img src="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4_small.jpg" width="138"
152                             height="104" alt="天天" />
153                         <br />
154                         天天</a></li>
155                 </ul>
156             </div>
157             <div id="hj_right" class="arrow right">
158             </div>
159         </div>
160     
161 </body>
162 </html>
View Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title>
    
<style type="text/css">
.sliderbox{height:150px;overflow:hidden;margin:6px 0 0 0; border:#e9e9ea solid 1px; padding-top:14px;float:left;}
.sliderbox a{text-align:center;text-decoration:none;} 
.sliderbox .arrow{width:38px;height:104px;background:url(../images/arrow-btn.jpg) no-repeat;cursor:pointer;float:left;}
.sliderbox .left{float:left;background-position:0 0;}
.sliderbox .left.dasabled{background-position:0 -127px;}
.sliderbox .right{float:right;background-position:-44px 0;}
.sliderbox .right.dasabled{background-position:-44px -127px;}

.sliderbox .slider{float:left;height:504px;width:620px;position:relative;overflow:hidden;margin:0 0 0 3px;display:inline;}
.sliderbox .slider ul{position:absolute;left:0;width:auto;height: 160px; overflow:hidden; list-style:none;float:left;padding:0;}
.sliderbox .slider li{float:left;width:158px;height:134px;text-align:center; margin:0 0 0 0; padding:0;list-style:none;}
.zoombox p{ font-size:14px; color:#666; line-height:25px; height:auto}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">

    function SetSlider(thumbnail, btn_right, btn_left) {

        var $slider = $('#' + thumbnail + ' ul');
        var $slider_child_l = $('#' + thumbnail + ' ul li').length;
        var $slider_width = $('#' + thumbnail + ' ul li').width();
        $slider.width($slider_child_l * $slider_width);

        var slider_count = 0;
        var show_Item_count = 4;
        if ($slider_child_l <= show_Item_count) {
            return;
        }
        $("#" + thumbnail + " li a").click(function() {
            $("#" + thumbnail + " li.current").removeClass("current");
            $(this).parents("li").addClass("current");
            return true;
        });

        if ($slider_child_l < show_Item_count) {
            $('#' + btn_right).css({ cursor: 'auto' });
            $('#' + btn_right).removeClass("dasabled");
        }

        $('#' + btn_right).click(function() {
            if ($slider_child_l < show_Item_count || slider_count >= $slider_child_l - show_Item_count) {
                return false;
            }

            slider_count++;
            $slider.animate({ left: '-=' + $slider_width + 'px' }, 'fast');
            slider_pic();
        });

        $('#' + btn_left).click(function() {
            if (slider_count <= 0) {
                return false;
            }
            slider_count--;
            $slider.animate({ left: '+=' + $slider_width + 'px' }, 'fast');
            slider_pic();
        });

        function slider_pic() {
            if (slider_count >= $slider_child_l - show_Item_count) {
                $('#' + btn_right).css({ cursor: 'auto' });
                $('#' + btn_right).addClass("dasabled");
            }
            else if (slider_count > 0 && slider_count <= $slider_child_l - show_Item_count) {
                $('#' + btn_left).css({ cursor: 'pointer' });
                $('#' + btn_left).removeClass("dasabled");
                $('#' + btn_right).css({ cursor: 'pointer' });
                $('#' + btn_right).removeClass("dasabled");
            }
            else if (slider_count <= 0) {
                $('#' + btn_left).css({ cursor: 'auto' });
                $('#' + btn_left).addClass("dasabled");
            }
        }
    }
</script>

    <script type="text/javascript">
        $(document).ready(function() {
        SetSlider('HJContainer', 'hj_right', 'hj_left');
        });

    </script>

</head>

<body>
    
        <div class="sliderbox">
            <div id="hj_left" class="arrow left dasabled">
            </div>
            <div class="slider" id="HJContainer">
                <ul id="hjFile">
                    <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
                        target="_blank" title="一等奖">
                        <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
                            height="104" alt="一等奖" />
                        <br />
                        一等奖</a></li>
                    <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
                        target="_blank" title="一等奖">
                        <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
                            height="104" alt="一等奖" />
                        <br />
                        一等奖</a></li>
                    <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
                        target="_blank" title="二等奖">
                        <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
                            height="104" alt="二等奖" />
                        <br />
                        二等奖</a></li>
                    <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
                        target="_blank" title="三等奖">
                        <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
                            height="104" alt="三等奖" />
                        <br />
                        三等奖</a></li>
                    <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
                        target="_blank" title="市一等奖">
                        <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
                            height="104" alt="市一等奖" />
                        <br />
                        市一等奖</a></li>
                    <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995.jpg"
                        target="_blank" title="三档">
                        <img src="/myupload/我是企事业/File/cc5122d9-d6ff-4e6e-82ba-85b2ae0ed995_small.jpg" width="138"
                            height="104" alt="三档" />
                        <br />
                        三档</a></li>
                    <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4.jpg"
                        target="_blank" title="你是何人">
                        <img src="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4_small.jpg" width="138"
                            height="104" alt="你是何人" />
                        <br />
                        你是何人</a></li>
                    <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4.jpg"
                        target="_blank" title="你是何人">
                        <img src="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4_small.jpg" width="138"
                            height="104" alt="你是何人" />
                        <br />
                        你是何人</a></li>
                    <li name="HJItem" class="current"><a href="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4.jpg"
                        target="_blank" title="天天">
                        <img src="/myupload/我是企事业/File/52df276c-31fe-441f-adad-a10388536fa4_small.jpg" width="138"
                            height="104" alt="天天" />
                        <br />
                        天天</a></li>
                </ul>
            </div>
            <div id="hj_right" class="arrow right">
            </div>
        </div>
    
</body>
</html>

  

转载于:https://www.cnblogs.com/gxivwshjj/archive/2013/05/31/3109760.html

内容概要:该PPT详细介绍了企业架构设计的方法论,涵盖业务架构、数据架构、应用架构技术架构四大核心模块。首先分析了企业架构现状,包括业务、数据、应用技术四大架构的内容关系,明确了企业架构设计的重要性。接着,阐述了新版企业架构总体框架(CSG-EAF 2.0)的形成过程,强调其融合了传统架构设计(TOGAF)领域驱动设计(DDD)的优势,以适应数字化转型需求。业务架构部分通过梳理企业级专业级价值流,细化业务能力、流程对象,确保业务战略的有效落地。数据架构部分则遵循五大原则,确保数据的准确、一致高效使用。应用架构方面,提出了分层解耦服务化的设计原则,以提高灵活性响应速度。最后,技术架构部分围绕技术框架、组件、平台部署节点进行了详细设计,确保技术架构的稳定性扩展性。 适合人群:适用于具有一定企业架构设计经验的IT架构师、项目经理业务分析师,特别是那些希望深入了解如何将企业架构设计与数字化转型相结合的专业人士。 使用场景及目标:①帮助企业组织梳理业务流程,优化业务能力,实现战略目标;②指导数据管理应用开发,确保数据的一致性应用的高效性;③为技术选型系统部署提供科学依据,确保技术架构的稳定性扩展性。 阅读建议:此资源内容详尽,涵盖企业架构设计的各个方面。建议读者在学习过程中,结合实际案例进行理解实践,重点关注各架构模块之间的关联协同,以便更好地应用于实际工作中。
资 源 简 介 独立分量分析(Independent Component Analysis,简称ICA)是近二十年来逐渐发展起来的一种盲信号分离方法。它是一种统计方法,其目的是从由传器收集到的混合信号中分离相互独立的源信号,使得这些分离出来的源信号之间尽可能独立。它在语音识别、电信医学信号处理等信号处理方面有着广泛的应用,目前已成为盲信号处理,人工神经网络等研究领域中的一个研究热点。本文简要的阐述了ICA的发展、应用现状,详细地论述了ICA的原理及实现过程,系统地介绍了目前几种主要ICA算法以及它们之间的内在联系, 详 情 说 明 独立分量分析(Independent Component Analysis,简称ICA)是近二十年来逐渐发展起来的一种盲信号分离方法。它是一种统计方法,其目的是从由传器收集到的混合信号中分离相互独立的源信号,使得这些分离出来的源信号之间尽可能独立。它在语音识别、电信医学信号处理等信号处理方面有着广泛的应用,目前已成为盲信号处理,人工神经网络等研究领域中的一个研究热点。 本文简要的阐述了ICA的发展、应用现状,详细地论述了ICA的原理及实现过程,系统地介绍了目前几种主要ICA算法以及它们之间的内在联系,在此基础上重点分析了一种快速ICA实现算法一FastICA。物质的非线性荧光谱信号可以看成是由多个相互独立的源信号组合成的混合信号,而这些独立的源信号可以看成是光谱的特征信号。为了更好的了解光谱信号的特征,本文利用独立分量分析的思想方法,提出了利用FastICA算法提取光谱信号的特征的方案,并进行了详细的仿真实验。 此外,我们还进行了进一步的研究,探索了其他可能的ICA应用领域,如音乐信号处理、图像处理以及金融数据分析等。通过在这些领域中的实验应用,我们发现ICA在提取信号特征、降噪信号分离等方面具有广泛的潜力应用前景。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值