Optimize data page (17)--Highlight dataDesign essentials: Optimize data page, interface design, beautify excesu Xiu: Don't say so much, it seems a bit off the topic. Let's continue to optimize the data.Kim : Well. Highlighting so many things, do you know what the most important thing is?Show Show : What's the point?Kim : Yes, that's the highlight data!Xiu Xiu : Hey, not just with the font ah, color ah what
The style of the code displayed in the blog garden is a little ugly by default, So I thought about whether to use sublime text3 to highlight the code, because I used sublime text3 to edit C, JS, PHP, HTML, etc, I like the highlighted color of the Code. So I found the blog of the great God [Liu wayong]. According to the blog of the great god, the setting was indeed successful.
However, after the settings are complete, I feel that the font and line spac
CodeHighlight plug-inSyntaxhighlighter
Current versionSyntaxhighlighter_2.1.364
First
Decompress the package,ScriptsThe folder containsJSFile, inStylesThe folder contains various highlighted topics.
Second
How to use it? First, introduce its core Javascript File Shcore. js And core CSS File Shcore.css , These two are required. Next, introduce the language you want to highlight. JS For example, what I want to
CopyCode The Code is as follows: 'replace pattern with highlighted replacement (using style) and preserves case
Public Function highlight (strtext, strfind)
Dim objregexp, I, strhighlight
'Split the search terms into an arrayDim arrfindArrfind = Split (strfind ,"")
'Initialize the regular expression object to perfom the searchDim omatches, smatchSet oregexp = new Regexp
Oregexp. Global = true 'returns all matches to the search termOregexp. ign
Use JS to highlight the specified keyword in the article content
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
Multiple keywordsUse JS to highlight the specified keyword in the article content [Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
Copy codeThe Code is as follows:$ (JScript 5.5 or later)$
Select a line in jsp web search results to highlight it
To make the search results better, You need to highlight the selected rows. The following is a good example. For more information, see
I used an onclick event to highlight the selected rows in order to make the search results better:
The Code is as follows:
Var assno = "";
Function check (obj, che, rwid ){
Category: The use of vim for so long, but has been unable to remember some basic operating instructions. Today when looking for a keyword, can't think of how to find "next", so Google and solve, by the way to paste the useful all over. Find instructions:/xxx down? XXX Top n Next: Set HLS Open highlight: Set Nohls off highlight below is the find replacement, although I have not used this feature--because the
Everyone client has a good navigation bar, as shown in the following figure, when you click on the left side of the ListView, the selected line will always be highlighted, the color of selected lines in the picture is shown as blue (note: The selection is always highlighted after the line, rather than just click on the highlight), if you click on another line, Then the new line is highlighted, the following to achieve the display of the
The tool was used in the previous lesson to modify overexposed and overexposed photos, and the purpose of developing this tool is to repair digital photos. A large setting box appears when you start the darkened/Highlight adjustment tool and check "show other options" below. It is divided into dark tune, highlight, Adjustment 3 most. Now set the number of highlights to 0%. Take a look at the adjustment effe
VIM highlight the current row only displays the underline problem solution in the VIM configuration, there is a command to highlight the current row/column, but I do not know why, VIM on my computer highlights the current line with only one underline, but GVIM is normal. I searched the internet for half a day and finally did not find a solution. After thinking about it, I had to go back to the next step and
// Highlight the searched keywordsFunction HeightLight (Keyword){// Text SelectorVar TextRange;// FindVar Found = false;// Number of times foundVar Count = 0;TextRange = document. body. createTextRange ();Found = TextRange. findText (Keyword );If (Found){Count ++;}While (Found Count> 0){TextRange. pasteHTML ('// Locate the scroll bar within the range of the first view.If (Count = 1){TextRange. scrollIntoView ();}// Continue searchingFound = TextRange
The highlight function highlights the text in the specified area on the page, that is, the background color. This function is often used on the search results page.
The following provides a solution that is implemented using javascript.
First introduce the following javascript method in
The above fHl method is used for highlighting. The parameter meaning is written in the annotation.
Then, call the fHl method at the end of the page to specify t
VI: Display the row number and highlight it. edit it directly ~ /. Vimrcsetnocompatiblesetnumberfiletypeonsetbackgroundlightsyntaxonsetautoindentsetsmartindentsettabstop4setshiftsetshowmatchsetguioptions-Tse ..
VI: Display the row number and highlight the colorEdit directly ~ /. VimrcSet nocompatibleSet numberFiletype onSet background = lightSyntax onSet autoindentSet smartindentSet tabstop = 4Set shiftSet
Mapper-an interesting thing about the official site of the highlighted component in the image hotspot area. we have used image hotspots to link multiple slices, and also used the linked hover to highlight images, however, there is no way to highlight the image hotspot (that is, when you hover your mouse over a hotspot area, the area is highlighted ).
Mapper is such a small component that uses js plotting
This article describes the effect of a special jQuery effect plug-in. It is very practical to use jFade to highlight other pictures that pass by the mouse and recommend it to your friends for reference. Today, we bring you a new jQuery plug-in jFade, which is highlighted by the mouse. This plug-in provides simple and practical functions, when you hover the mouse over the image list or text list, the current highli
This article mainly introduces how to control the selection and highlight of table rows by using the up and down arrow keys of javascript. It involves some javascript techniques for keyboard buttons and has reference value, for more information about how to select and highlight the rows of a table by using the up and down arrow keys of javascript, see the following example. Share it with you for your refere
When we handle the background to display the current page, the current page menu item highlighting, we can use the JS method, also use the program implementation, using the bootstrap template processing one of the highlighting and expansion method1. Import in Projectsrc= "/assets/admin/layout/scripts/layout.js">Script >2. Add a unique ID to the subproject item and click the current page to transfer the current unique ID to the controller."@item2. Linkurl[email protected] " id="@item2. Id" > cla
/*Usage: highlight keywordsRequirement: replace lt; and gt; with all $ Rows ['content'] = str_replace ("$ Rows ['content'] = str_replace (">", " gt;", $ rows [content]);There may be a problem: the efficiency is not high, and the case-sensitivity conversion problem is not forgotten.$ Content: the reference document to be highlighted$ Key: keyword*/Function highlight ($ content, $ key ){$ K_fi = substr ($ k
Atitit. button cursor over highlight toggle and other dynamic effect implementations css HTML js--attilax Summary4. mouse over the dynamic picture switch implementation 14.1. Priority mode :: CSS mode ... 14.2. Second Mode 2:: Set the property mode. 14.3. final Pattern 3:: Write Mouse Listener 14. Mouse over the dynamic picture switch implementation 4.1. Priority mode:: CSS mode ...C + + QT can use this modeHowever, this pattern can only be backgroud,
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.