建站经验分享:专注于分享网站建设实用内容

手机版 | 收藏本站 | 设为首页

网站特效分类 图片特效 导航菜单 选项卡/滑动门 文字特效 表单特效 提示框/弹出层 其他特效

金融行业Tab切换行情特效

日期:2020-04-24 10:07 整理:三百梯 人气: 我来评论

摘要:金融行业Tab切换行情特效 html部分 ul class=graphic-nav-ul style=width: 523px;li class=zoom value=zoom /lili class=graphic-menu-active value=minute分时/lili class=graphic-menu-inactive value=fdays五日/lili class=graphic-menu-i

金融行业Tab切换行情特效

金融行业Tab切换行情特效

html部分


 

<ul class="graphic-nav-ul" style="width: 523px;"><li class="zoom" value="zoom"> </li><li class="graphic-menu-active" value="minute">分时</li><li class="graphic-menu-inactive" value="fdays">五日</li><li class="graphic-menu-inactive" value="day">日 K</li><li class="graphic-menu-inactive" value="week">周 K</li><li class="graphic-menu-inactive" value="month">月 K</li><li class="graphic-menu-inactive" value="m5">5分</li><li class="graphic-menu-inactive" value="m30">30分</li><li class="graphic-menu-inactive" value="m60">60分</li><li class="graphic-menu-inactive" value="year1">1 年</li><li class="graphic-menu-inactive" value="year3">3 年</li><li class="graphic-menu-inactive" value="year5">5 年</li><div class="fqList" style="display: none;"><ul><li class="fqType" style="color: rgb(27, 99, 147);" value="nfq">不复权</li><li class="fqType" style="color: rgb(221, 221, 221);" value="qfq">前复权</li><li class="fqType" style="color: rgb(27, 99, 147);" value="hfq">后复权</li></ul></div></ul><div id="contain-alpine" style="height: 410px; width: 525px;"><div style="position: relative; user-select: none; z-index: 0; width: 525px; height: 410px;"><img draggable="false" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999; filter: opacity(0); opacity: 0;"><canvas width="525" height="410" style="position: absolute; left: 0px; top: 0px; width: 525px; height: 410px;"></canvas><canvas width="525" height="410" style="position: absolute; left: 0px; top: 0px; width: 525px; height: 410px;"></canvas><canvas width="525" height="410" style="position: absolute; left: 0px; top: 0px; width: 525px; height: 410px;"></canvas><canvas width="525" height="410" style="position: absolute; left: 0px; top: 0px; width: 525px; height: 410px;"></canvas><canvas width="525" height="410" style="position: absolute; left: 0px; top: 0px; width: 525px; height: 410px;"></canvas></div></div><div class="compare" style="display: block;"><div class="compare-left"><label>股票对比:</label><input class="text" type="text" style="color: rgb(180, 179, 179);">

                        <input class="button" type="button" value="对比"></div>

                        <div class="portfolio-ad"><a class="ad-app" href="http://finance.qq.com/products/portfolio/download.htm?pgv_ref=stockhtm.finance.middle.pic" target="_blank" alt="手机版自选股"></a></div>

                        <div class="compare-panel"></div></div><div class="popup cmp-tips"><div>最多同时对比5只股票,请调整后再进行对比。</div>

                        <input type="button" class="cmp-ok-button" value="确定"></div>


上一篇:没有了
下一篇:没有了

相关选项卡/滑动门

选项卡/滑动门排行

网站首页 | 关于本站| 网站公告| 免责声明| 联系我们 | TAG标签 | 网站地图

Copyright © 建站经验分享 CQ67.Net 版权所有 渝ICP备20002784号-1

声明: 本站所有模板源码和文章来自互联网,若侵犯了您的权利,请与联系本站删除。