码迷,mamicode.com
首页 > Web开发 > 详细

网页内搜索(1)

时间:2020-05-10 01:48:24      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:文化   scrollto   nbsp   his   英语   require   move   灯光   信息网   

专题链接:http://fj.huatu.com/zt/zyml/

 

技术图片

 

 

 

<form class="layui-form" action="" onSubmit="return search();">
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="text" name="title" required lay-verify="required" placeholder="请输入专业名称"
                        autocomplete="off" class="layui-input" id="searchInput" value="">
                </div>
                <button class="layui-btn" lay-submit lay-filter="formDemo">搜索专业</button>
            </div>
        </form>

<table id="all_list" class="layui-table">
<tr>
            <td x:str="" class="list_one tablebg">
                &nbsp;&nbsp;一、哲学、文学、历史学大类</td>
        </tr>
        <tr>
            <td class="list_one">
                1.&nbsp;哲学类:哲学,逻辑学,宗教学,伦理学,马克思主义哲学,中国哲学,外国哲学,美学,科学技术哲学,科学技术史</td>
        </tr>
        <tr>
            <td class="list_one">
                2.&nbsp;中国语言文学类:汉语言文学(教育),汉语(言),中国语言文学(教育),中国语言文化,中文应用,汉语国际教育,对外汉语,华文教育,应用语言学,古典文献(学),文学,文学语言学,中国文学,汉语言文学与文化传播,汉语言文学,中国少数民族语言文学(藏语言文学,蒙古语言文学,维吾尔语言文学,朝鲜语言文学,哈萨克语言文学等),中国少数民族语言文化,文艺学,语言学及应用语言学,汉语言文字学,中医文化学,中国古典文献学,中国古代文学,中国现当代文学,文学阅读与文学教育,比较文学与世界文学,秘书(学),文秘(学),中文(文秘或秘书)教育,现代秘书,司法文秘(秘书)、医学文秘等专业秘书,涉外文秘,文秘与办公自动化,涉外文秘与公共关系,安全秘书、学科教学(语文),语文教育,经济秘书,中国学,戏剧影视文学,台湾文化研究,编辑学</td>
        </tr>
        <tr>
            <td class="list_one">
                3.&nbsp;少数民族语言文学类:中国少数民族语言文学(藏语言文学,蒙古语言文学,维吾尔语言文学,朝鲜语言文学,哈萨克语言文学等),中国少数民族语言文化</td>
        </tr>
        <tr>
            <td class="list_one">
                4.&nbsp;外国语言文学类:英语,俄语,德语,法语,西班牙语,阿拉伯语,日语,波斯语,朝鲜语,菲律宾语,梵语巴利语,印度尼西亚语,印地语,柬埔寨语,老挝语,缅甸语,马来语,蒙古语,僧加罗语,泰语,乌尔都语,希伯莱语,越南语,豪萨语,斯瓦希里语,阿尔巴尼亚语,保加利亚语,波兰语,捷克语,罗马尼亚语,葡萄牙语,瑞典语,塞尔维亚&mdash;克罗地亚语,土耳其语,希腊语,匈牙利语,意大利语,捷克-斯洛伐克语,泰米尔语,普什图语,世界语,孟加拉语,尼泊尔语,塞尔维亚语&mdash;克罗地亚语,荷兰语,芬兰语,乌克兰语,韩国语,塞尔维亚语,克罗地亚语,挪威语,丹麦语,冰岛语,翻译,英语语言文学,俄语语言文学,法语语言文学,德语语言文学,日语语言文学,印度语言文学,西班牙语语言文学,阿拉伯语语言文学,欧洲语言文学,亚非语言文学,外国语言学及应用语言学,翻译硕士,应用英语,实用英语,应用日语,应用俄语,应用德语,应用法语,应用韩语,商务英语,外贸英语,旅游英语,商务日语,旅游日语,应用西班牙语,应用阿拉伯语,应用意大利语,应用越南语,应用泰国语,应用缅甸语,应用柬埔寨语,应用老挝语,(含外国语系、院、校开设的相应语种相关专业),学科教学(英语),英语教育,英语(笔译)、英语(口译)、英语(翻译)</td>
        </tr>
        <tr>
            <td class="list_one">
                5.&nbsp;新闻传播学类:新闻(学),广播电视新闻学,广播电视(学),广播电视编导,广告学,编辑出版(学),传播学,新闻与传播,出版(研究),国际新闻,体育新闻,网络与新媒体,新媒体与信息网络,大众传播,媒体与文化分析,媒体创意,数字出版,摄影,新闻采编与制作,新闻学与大众传播,信息传播与策划,传媒策划与管理,新媒体,影视广告,主持与播音(艺术),广播电视技术,电视节目制作,摄影摄像技术,音像技术,影视多媒体技术,影视动画,电视制片管理,数字传媒艺术,影视灯光艺术,电视摄像,作曲技术,剪辑,录音技术与艺术</td>
        </tr>
        <tr>
            <td class="list_one">
                6.&nbsp;艺术设计类:美术(学),绘画,雕塑,书法学,摄影,艺术学,艺术学理论,公共艺术,艺术史论,艺术硕士专业(美术、艺术设计),设计学,艺术设计(学),视觉传达(艺术)设计,环境(艺术)设计,产品设计,工艺美术(学),数字媒体艺术,服装与服饰设计,学科教学(美术),产品造型设计,照明艺术,会展艺术与技术,中国画,艺术与科技,服装设计与工程,服装设计与工艺教育,广告设计与制作,广告与装潢,电脑艺术设计,电脑美术设计,人物形象设计,装潢艺术设计,美术装潢设计,装饰艺术设计,雕塑艺术设计,珠宝首饰工艺及鉴定,雕刻艺术与家具设计,旅游工艺品设计与制作,多媒体设计与制作,应用艺术设计,书画鉴定,陶瓷艺术设计,广告与会展,广告,木材加工技术(藤竹加工工艺方向),舞台艺术设计,商务形象传播,钟表设计,首饰设计,皮具设计,鞋类设计,室内与家具设计,室内设计技术,工业造型设计,主持与播音(艺术),影视学,广播影视编导</td>
        </tr>
        <tr>
            <td class="list_one">
                7.&nbsp;表演艺术类:音乐(学),音乐表演,作曲与作曲技术理论,舞蹈表演,舞蹈(学),舞蹈编导,学科教学(音乐、影视),音乐与舞蹈学、音乐科技与艺术,表演,戏剧学,电影学,戏剧影视文学,广播影视文艺学,广播电视(影视)编导,广播电视艺术学,广播电视文学,戏剧影视导演,戏剧与影视学,戏剧戏曲学,戏剧影视美术设计,导演,编导,摄影,录音艺术,动画,播音与主持艺术,艺术硕士专业(音乐、舞蹈、戏剧,戏曲,电影,广播电视),戏剧与影视学,音响工程,主持与播音(艺术),影视学,影视表演,钢琴伴奏,钢琴调律,乐器维护服务,乐器维修技术(艺术),服装表演,模特与礼仪,杂技表演,表演艺术,戏曲,戏曲表演</td>
        </tr>
        <tr>
            <td class="list_one">
                8.&nbsp;&nbsp;历史学类:历史学,世界(历)史,外国语言与外国历史,考古学,文物与博物馆(学),博物馆学,中国近现代史基本问题研究,亚太区域研究,史学理论及史学史,考古学及博物馆学,历史文献学,专门史,中国(古代)史,中国近现代史,文化人类学,海洋史学,学科教学(历史),文物保护技术,历史地理学,民族学,文物鉴定(赏)与修复</td>
        </tr>

 


</table>
 1     var active = 0;
 2         $(‘.ayui-btn‘).click(function () {
 3             search();
 4         })
 5 
 6         function search() {
 7             var kwds = $("#searchInput").val();
 8             var this_one = {};
 9             var real_name = ‘‘;
10             var list = $("#all_list .list_one");
11             var true_one = 0;
12             for (var i = 0; i < list.length; i++) {
13                 this_one = $(list[i]);
14                 real_name = this_one.text().toString();
15                 if (real_name.match(kwds)) {
16                     if (true_one == active) {
17                         var windows_wdh = $(window).width();
18                         var windows_hgt = $(window).height();
19                         var x_len = this_one.offset().left;
20                         var y_len = this_one.offset().top;
21                         $("html,body").animate({
22                             scrollTop: (y_len - windows_hgt / 2),
23                             scrollLeft: (x_len - windows_wdh / 2)
24                         }, 500);
25                         this_one.addClass(‘active‘);
26                         this_one.removeClass(‘on‘);
27                     } else {
28                         this_one.addClass(‘on‘);
29                         this_one.removeClass(‘active‘);
30                     }
31                     true_one++;
32                 } else {
33                     this_one.removeClass(‘on‘);
34                 }
35             }
36             active = active >= true_one - 1 ? 0 : active + 1;
37             return false;
38         }

 

网页内搜索(1)

标签:文化   scrollto   nbsp   his   英语   require   move   灯光   信息网   

原文地址:https://www.cnblogs.com/tangsujuan/p/12861470.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!