Icon structure based on HTML5 and display method and system

A technology of icons and thumbnails, applied in transmission systems, electrical components, program control devices, etc., can solve the problem that pictures and text cannot be displayed.

Inactive Publication Date: 2014-12-17
侯金涛
View PDF4 Cites 16 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

Now that we have entered the post-Web2.0 era, human-computer interaction and human-network interaction have become the norm. We can no longer be satisfied with simple pictures and te

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Icon structure based on HTML5 and display method and system
  • Icon structure based on HTML5 and display method and system
  • Icon structure based on HTML5 and display method and system

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0024] In this example, refer to figure 1 Shown, a kind of icon structure based on HTML5, display method and system described in the icon structure based on HTML5 include icon container, icon picture, thumbnail, overlay image, icon name, icon attribute, progress bar, notification quantity, check Box control, delete control.

[0025] The icon container consists of a DIV element used to contain the other elements of the icon.

[0026] The icon picture is composed of an IMG element, which is used to display the default picture of the icon type.

[0027] The thumbnail is composed of an IMG element for displaying the thumbnail of the icon. When there is a thumbnail for the icon, it will be displayed in proportion to the position of the icon picture, and the default icon picture will be hidden.

[0028] The overlay image consists of an IMG element, which is displayed on top of the icon image or thumbnail in an overlay manner, and its size and position are consistent with the icon...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention discloses an icon structure based on an HTML5 and a display method and system. The icon structure based on the HTML5 comprises an ion container, an icon image, a thumbnail, an overlay chart, an icon name, icon attributes, a progress bar, the number of notices, a check box control and a deletion control. By means of the icon structure based on the HTML5 and the display method and system, the icon structure can run in a browser or an application supporting the HTML5 without being unloaded and installed, icons can be created according to simple data returned from a server and displayed and can also be arranged and grouped according to demands, and a series of icon management methods and functions are provided; meanwhile, due to the cross-platform and cross-terminal characteristics of the HTML5, the icon display method and system also have the cross-platform and cross-terminal characteristics; two kinds of user operation habits suitable for matching operation through a mouse and a keyboard or suitable for operation through a touch screen are provided, so the operation habits most suitable for users can be used on different terminals, and the user experience of human-computer interaction and human-network interaction through a web is greatly enhanced.

Description

technical field [0001] The present invention relates to an icon structure, display method and system based on HTML5, in particular to an icon display and operation in a virtual operating system or Web application based on a browser or other HTML5 environments. Background technique [0002] With the rapid development of the Internet, browsers are no longer only used to represent Web content. With the advent of HTML5 technology, the Web has entered a mature application platform. On the HTML 5 platform, video, audio, images, animations , and the interaction with the computer is standardized. Now that we have entered the post-Web2.0 era, human-computer interaction and human-network interaction have become the norm. We can no longer be satisfied with simple pictures and text display on web pages, especially when managing cloud files, folders, applications, etc. on the browser. We prefer to be able to display and operate intuitively like a native operating system. Therefore, in ...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
IPC IPC(8): H04L29/06G06F9/44
Inventor 侯金涛
Owner 侯金涛
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap