CN100444163C - 一种网页显示页面的配置方法 - Google Patents
一种网页显示页面的配置方法 Download PDFInfo
- Publication number
- CN100444163C CN100444163C CNB2005100339007A CN200510033900A CN100444163C CN 100444163 C CN100444163 C CN 100444163C CN B2005100339007 A CNB2005100339007 A CN B2005100339007A CN 200510033900 A CN200510033900 A CN 200510033900A CN 100444163 C CN100444163 C CN 100444163C
- Authority
- CN
- China
- Prior art keywords
- user
- allocation plan
- effect
- webpage
- information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开一种网页显示页面的配置方法,包括步骤:接收用户对网页显示效果的设置信息;根据前述设置信息生成显示页面的效果配置方案并保存。在本发明的优选方案中,还包括在用户登陆时提取所述配置方案,根据该配置方案生成网页的显示效果。本发明的一个优选例具体包括:接收用户启动页面设置的请求;显示多个类别的项目样式图;接收用户选定项目图片的指令;获取该图片的信息并加载到网页中;根据该图片的信息生成显示页面的效果配置方案并保存在本地;将当前的效果配置方案保存在数据库中。
Description
技术领域
本发明涉及图像数据处理技术,特别是涉及一种网页显示页面的配置方法。
背景技术
随着信息技术的发展,用户对网页的要求越来越高,不仅对于内容而且对页面效果也有需求。因此满足大部分用户的需求,如满足他们的个性、喜好、以及他们随时变化的心情就显得尤为重要。
现有技术中,对于页面效果的处理,使用得最广泛的就是JavaScript(简称js)代码和Css样式控制。具体地说,就是为了达到一定的效果,设计人员事先将js代码以及Css样式定义嵌入网页;从而在用户浏览的网页达到预计的效果,如动态图片、漂浮物、鼠标方案。
该现有技术的缺陷在于:页面效果都是网页设计人员事先定义好一套方案,每个用户浏览的时候都是按照一定模式去变化,对用户来说没有新意,用户不能控制只能一味接受,这样就产生了局限性。
有鉴于此,需要提供一种可配制网页方式的技术。
发明内容
本发明解决的技术问题在于提供一种网页显示页面的配置方法,可以根据用户的需求实现特定的网页显示效果。
为此,本发明解决技术问题的技术方案是:提供一种网页显示页面的配置方法,包括步骤:
1)用户设置网页的显示效果;
2)根据所设置网页的显示效果通过调用js函数获取相应图片信息,根据所获取图片信息中的类别信息判断当前是否存在对应的层,如果存在,则改变层的属性,替换原先加载的图片;如果不存在,则增加新的层加载该图片;
3)根据所获取的图片信息生成显示页面的效果配置方案,将所生成的效果配置方案保存在本地和数据库中。
优选地,还包括在用户登陆时提取所述配置方案,根据该配置方案生成网页的显示效果。
优选地,所述步骤1)具体包括:
11)接收用户启动页面设置的请求;
12)显示多个类别的项目样式图;
13)接收用户选定项目图片的指令;
优选地,在将效果配置方案保存到数据库之前,步骤2)还包括:判断是否结束方案的配置;如果是,则将效果配置方案保存到数据库;如果否,则返回步骤13)。
优选地,所述将效果配置方案保存到数据库是从本地获取配置方案并写入数据库;或者是在用户退出设置时比较本地的配置方案和当前的配置方案,如果不一致则提示用户进行保存。
优选地,还包括:当用户登陆时向服务器请求该用户的配置方案;根据服务器返回的配置方案的信息生成对应的页面效果。
优选地,还包括:从服务器返回的配置方案的信息中获取用户级别,根据该用户级别显示对应的图片。
优选地,还包括:接收用户设置自定义图标的信息;根据该设置信息增加层并加载相应的自定义图标。
优选地,所述步骤13)在接收指令时生成点击事件,采用该点击事件触发js文件中的js函数。
相对于现有技术,本发明的有益效果是:由于本发明为用户提供设置接口,接收用户对网页显示效果的设置信息;根据前述设置信息生成显示页面的效果配置方案并保存;因此,可以根据用户的自己选择,以及用户的心情,在页面上做出相应的变化,达到用户展示自己的效果。
此外,本发明的优选方案中,向用户显示多个项目样式图,在用户指定项目图片后获取图片的信息并根据所述信息来加载图片,生成页面的配置方案并保存。还可以将用户的自定义图标在网页上显示,让访问者不仅感受到用户的个性,还能及时感受到用户的变化。
本方明将应用层、页面特效和数据库技术结合给用户提供了配置自己网页的接口,以展现个性,满足广大用户的需求。同时该技术中配置网页大部分操作是通过js函数加载到客户端的计算机上去执行,将操作由服务器转交给个人计算机来执行,达到一个很好的效率分工。给用户提供便捷的同时对服务器不造成过大的压力。
附图说明
图1是本发明方法中配制网页的流程图;
图2是本发明方法中用户登录加载网页方案的流程图。
具体实施方式
本发明的主要构思在于:可配制网页要实现个人网页中不需要网页设计人员预先设置网页效果,而是给用户提供配制自己网页效果的接口,用户设置自己的心情,组合多种效果方式来设计自己的网页方式,并且在以后登陆的时候能自动按照设计显示效果,从而达到展现个性的效果。
请参阅图1,是本发明方法的流程图。
步骤S11,用户进入设置窗口,设置窗口显示所有显示出后台中包含的所有类别的项目(item)样式图(仅供用户预览的图片)。用户点击item的小图片。
所述item样式图可以是上传在后台的成千上万个item图片,将这些item图片按照一定规律存储在某个路径中;并且在数据库中保存item图片的属性(例如:item编号,item类别等)。
步骤S12,利用图片的点击事件(onclick)触发调用js函数addItem(type,itemno,......)。
其中type用于标识点击item的类别(类别中包括皮肤类,漂浮物类,鼠标方案类,挂件类等几个大类。而挂件类中又包含不同的小类别)。每种类别的item实现方式不一致,需要调用不同的js函数来实现。例如:漂浮物就是实现几个小图片在网页上漂浮,而鼠标方案则是将鼠标隐藏,用一个ani格式的图片来替代鼠标。
所述js函数用于实现各种模式特效。这些js函数能根据传入的参数,如itemid(item编号),itemtype(item类别)来在页面上实现网页效果。
将js函数保存在一个js文件中。并在网页中将js文件包含进来,这样在打开网页的时候只是将js文件加载进来,并不去执行js文件中的js函数。
步骤S13,js函数根据item编号获取实际的item图片并加载。
在本发明的js函数中多次利用了层加载网页配置中需要的图片。层是Css样式中的一种对象,可以加载图片,可以通过js语句控制其显示或隐藏,还可以通过调整层的位移将图片定位在预设的位置上。
步骤S14,用户每次操作,js函数会在本地cookie中获取到当前方案的字符串(形如itemno1_itemtype1_itemleft1_itemright1|itemno2_itemtype2_itemleft2_itemright2|itemno3......的字符串),通过解析字符串判断当前方案中是否存在同种类别的item。
步骤S15,如果存在(表明存在对应的层加载该类item),则只需要替换原先加载的图片;即改变层属性。
步骤S16,如果不存在,则新增相应的层用于加载此类别的图片。
步骤S17,同时修改当前方案字符串保存在本地cookie中。
步骤S18,判断是否结束方案配制,如果是,则进入步骤S19;如果否,则返回步骤S11。
也就是说,用户可以点击多个样式图,调用不同的js函数实现多个效果叠加。
步骤S19,当用户退出设置窗口时,触发一个js函数,js脚本程序从cookie中取出用户的原始方案和用户当前方案的字符串进行比较,如果字符串不一致则提醒用户保存方案。
步骤S20,用户点击保存,调用一个cgi,将cookie中当前方案的字符串存储到数据库中。
点击保存方案,判断方案已经修改则获取cookie中的值存储到数据库中,作为用户网页方案,其他用户访问该用户网页的时候,按照此方案显示,可以显示该用户的个性。
请参阅图2,是本发明的方法中用户登录加载网页方案的流程图。
步骤S21,用户登录到服务器。
步骤S22,提示用户选择当日心情。
所述的当日心情可以包括多种类别,如:开心,悲伤,郁闷,愤怒......等。
步骤S23,根据心情图标的类别到服务器中取到相应的图片,增加一个层加载图片,并在网页特定位置显示。
步骤S24,向服务器请求该用户的等级及用户网页方案的字符串。
步骤S25,服务器返回等级以及用户网页方案字符串,js程序解析字符串,调用不同的函数加载网页效果。
步骤S26,根据返回的等级选择不同长势的植物图片用层加载显示在页面上。
当然,所述方法并不限于当日心情的设置,还可以是其他的自定义图标,此不赘述。
综上所述,本发明就是实现这样功能的,提供给用户配置自己网页效果的入口。根据用户的自己选择,以及用户的心情,在页面上做出相应的变化,达到用户展示自己的效果。
以上所述仅仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (9)
1.一种网页显示页面的配置方法,其特征在于,包括步骤:
1)用户进入设置窗口,设置网页的显示效果;
2)根据所设置网页的显示效果通过调用js函数获取相应图片信息,根据所获取图片信息中的类别信息判断当前是否存在对应的层,如果存在,则改变层的属性,替换原先加载的图片;如果不存在,则增加新的层加载该图片;
3)根据所获取的图片信息生成显示页面的效果配置方案,将所生成的效果配置方案保存在本地和数据库中。
2.根据权利要求1所述的网页显示页面的配置方法,其特征在于,所述步骤1)还包括在用户登陆时提取配置方案,根据该配置方案生成网页的显示效果。
3.根据权利要求1所述的网页显示页面的配置方法,其特征在于,所述步骤1)之后还包括:
11)接收用户启动页面设置的请求;
12)显示多个类别的项目样式图;
13)接收用户选定项目图片的指令。
4.根据权利要求3所述的网页显示页面的配置方法,其特征在于,在将效果配置方案保存到数据库之前,步骤2)还包括:判断是否结束方案的配置;如果是,则将效果配置方案保存到数据库;如果否,则返回步骤13)。
5.根据权利要求1所述的网页显示页面的配置方法,其特征在于,所述将效果配置方案保存到数据库是从本地获取配置方案并写入数据库;或者是在用户退出设置时比较本地的配置方案和当前的配置方案,如果不一致则提示用户进行保存。
6.根据权利要求3所述的网页显示页面的配置方法,其特征在于,还包括:当用户登陆时向服务器请求该用户的配置方案;根据服务器返回的配置方案的信息生成对应的页面效果。
7.根据权利要求6所述的网页显示页面的配置方法,其特征在于,还包括:从服务器返回的配置方案的信息中获取用户级别,根据该用户级别显示对应的图片。
8.根据权利要求6所述的网页显示页面的配置方法,其特征在于,还包括:接收用户设置自定义图标的信息;根据该设置信息增加层并加载相应的自定义图标。
9.根据权利要求1至8任一项所述的网页显示页面的配置方法,其特征在于,所述步骤13)在接收指令时生成点击事件,采用该点击事件触发js文件中的js函数。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CNB2005100339007A CN100444163C (zh) | 2005-03-29 | 2005-03-29 | 一种网页显示页面的配置方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CNB2005100339007A CN100444163C (zh) | 2005-03-29 | 2005-03-29 | 一种网页显示页面的配置方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN1841369A CN1841369A (zh) | 2006-10-04 |
CN100444163C true CN100444163C (zh) | 2008-12-17 |
Family
ID=37030401
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CNB2005100339007A Active CN100444163C (zh) | 2005-03-29 | 2005-03-29 | 一种网页显示页面的配置方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN100444163C (zh) |
Families Citing this family (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101944018B (zh) * | 2009-07-03 | 2013-03-13 | 华为技术有限公司 | 一种图标调整方法及装置 |
TWI399694B (zh) * | 2009-09-30 | 2013-06-21 | Rakuten Inc | Object Displacement Method in Web Page |
CN102222062A (zh) * | 2010-04-19 | 2011-10-19 | 腾讯数码(天津)有限公司 | 即时通信系统用户空间页面个性化设置方法及其装置 |
CN102541575B (zh) * | 2010-12-07 | 2017-04-05 | 腾讯科技(深圳)有限公司 | 浏览器打开的方法和装置、发送闪屏图片的方法和服务器 |
CN102385626A (zh) * | 2011-10-28 | 2012-03-21 | 宇龙计算机通信科技(深圳)有限公司 | 一种网页显示方法和移动终端 |
CN105955980B (zh) * | 2013-05-31 | 2019-12-20 | 北京奇虎科技有限公司 | 一种文件下载设备和方法 |
CN104468795B (zh) * | 2014-12-10 | 2018-07-13 | 北京国双科技有限公司 | 网站分享功能的实现方法和系统 |
CN104809240B (zh) * | 2015-05-13 | 2018-06-19 | 广州华多网络科技有限公司 | 一种页面处理方法及其设备 |
US10082937B2 (en) | 2015-09-11 | 2018-09-25 | International Business Machines Corporation | Intelligent rendering of webpages |
CN107894906B (zh) * | 2016-09-30 | 2021-07-02 | 阿里巴巴(中国)有限公司 | 页面的图片加载方法、装置以及终端设备和服务器 |
CN106557556A (zh) * | 2016-11-08 | 2017-04-05 | 北京奇虎科技有限公司 | 一种网页页面的展示方法、装置、服务器和系统 |
CN106547903A (zh) * | 2016-11-08 | 2017-03-29 | 北京奇虎科技有限公司 | 一种网页页面展示方法、装置、服务器和系统 |
CN106910107A (zh) * | 2017-01-23 | 2017-06-30 | 武汉奇米网络科技有限公司 | 一种促销页面配置方法及系统 |
CN107301053B (zh) * | 2017-07-04 | 2020-12-15 | 武汉斗鱼网络科技有限公司 | 图片配置方法、装置和电子终端 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5983227A (en) * | 1997-06-12 | 1999-11-09 | Yahoo, Inc. | Dynamic page generator |
CN1493046A (zh) * | 2001-02-21 | 2004-04-28 | 维佳生物能量医学科技公司 | 可优化存储空间的存储及产生网页的系统及方法 |
CN1524238A (zh) * | 2001-01-31 | 2004-08-25 | 用于定义和呈现复合网页的系统及方法 | |
CN1525361A (zh) * | 2003-02-24 | 2004-09-01 | 改变web内容视图的技术 |
-
2005
- 2005-03-29 CN CNB2005100339007A patent/CN100444163C/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5983227A (en) * | 1997-06-12 | 1999-11-09 | Yahoo, Inc. | Dynamic page generator |
CN1524238A (zh) * | 2001-01-31 | 2004-08-25 | 用于定义和呈现复合网页的系统及方法 | |
CN1493046A (zh) * | 2001-02-21 | 2004-04-28 | 维佳生物能量医学科技公司 | 可优化存储空间的存储及产生网页的系统及方法 |
CN1525361A (zh) * | 2003-02-24 | 2004-09-01 | 改变web内容视图的技术 |
Also Published As
Publication number | Publication date |
---|---|
CN1841369A (zh) | 2006-10-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN100444163C (zh) | 一种网页显示页面的配置方法 | |
CN110244984B (zh) | 应用程序处理方法、装置、存储介质和计算机设备 | |
US20150220492A1 (en) | Systems and methods for integrating dynamic content into electronic media | |
CN107391134B (zh) | 一种通用移动应用交互界面自动生成与动态变换方法与装置 | |
CN108604222A (zh) | 用于部署定制机器学习服务的系统和方法 | |
CN109375914B (zh) | 信息远程交互方法和系统 | |
CN104202718A (zh) | 一种向用户提供信息的方法与装置 | |
CN110233879A (zh) | 智能推送界面方法、装置、计算机设备及存储介质 | |
CN103605739A (zh) | 热力图的显示方法及装置 | |
CN111368180B (zh) | 页面展示方法、装置及电子设备 | |
US20180232562A1 (en) | Profile information identification | |
WO2017219967A1 (zh) | 一种虚拟键盘的生成方法及装置 | |
US20150081419A1 (en) | Method and system for implementing dynamic link tracking | |
KR20240017141A (ko) | 동적 키보드 인터페이스내의 애니메이션 이미지 포지셔닝 방법 및 시스템 | |
CN114612279A (zh) | 一种水印添加方法和装置 | |
JP2022161906A (ja) | 動的キーボードインターフェース内にアニメーション画像を配置するための方法およびシステム | |
CN113655895A (zh) | 应用于输入法的信息推荐方法、装置及电子设备 | |
US11227122B1 (en) | Methods, mediums, and systems for representing a model in a memory of device | |
US20230281228A1 (en) | Generating actionable insight information from data sets using an artificial intelligence-based natural language interface | |
US20240104808A1 (en) | Method and system for creating stickers from user-generated content | |
CN113688334A (zh) | 一种内容展示方法、装置和计算机可读存储介质 | |
CN112632917A (zh) | 在线文档处理方法、装置、电子设备以及存储介质 | |
CN112001157B (zh) | 一种网页数据表格在线设计方法及装置 | |
US7912915B1 (en) | Systems and methods for enticing users to access a web site | |
CN115167967A (zh) | 互动方法及相关设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |