Some small methods commonly used in html pages

Add in the <Head> tag

<meta http-equiv="pragma " content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
<meta http-equiv="expires" content="Wed,26 Feb 1978 08:21:57 GMT">

How to use JQuery's ajax jump, you can clean it up like this

//Ajax request is not cached

$.ajaxSetup({ cache: false
});

MaintainScrollPositionOnPostback="true"
If the content exceeds the cell, hide it
style="TABLE-LAYOUT: fixed"

Make the popup window always on top: <body onblur="this.focus();">
Don't want scrollbars? Make the vertical bar disappear: <body style='overflow:scroll;overflow-y:hidden'> </body>
To make the horizontal bar disappear: <body style='overflow:scroll;overflow-x:hidden'> </body>
Remove both? Even simpler <body scroll="no"> </body>
How to remove the dotted line around the image after clicking the image link? <a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
Email processing submission form <form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">

<input type=submit> </form>
How to write code in the opened child window to refresh the parent window? window.opener.location.reload()
How to set the size of the opened page <body onload="top.resizeTo(300,200);">
How to add a background image that is not full-coverage in the page, and the background image does not move when the page is scrolled<html><head> <STYLE> body {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center } </STYLE> </head> <body bgproperties="fixed" > </body> </html>

Various styles of cursors auto: standard cursor
default : standard arrow
hand : hand cursor
wait : Wait cursor
text : I-shaped cursor
vertical-text : Horizontal I-beam cursor
no-drop : The cursor cannot be dragged
not-allowed : Invalid cursor
help ：? Help cursor
all-scroll: triangle direction indicator
move ：Move mark
crosshair: crosshair e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize

Local ip<%=request.servervariables("remote_addr")%>
Server name <%=Request.ServerVariables("SERVER_NAME")%>
Server IP<%=Request.ServerVariables("LOCAL_ADDR")%>
Server port <%=Request.ServerVariables("SERVER_PORT")%>
Server time <%=now%> IIS
Version <%=Request.ServerVariables "SERVER_SOFTWARE")%>
Script timeout <%=Server.ScriptTimeout%>
This file path <%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%>
Number of server CPUs <%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%>
Server decomposition engine <%=ScriptEngine & "/"& ScriptEngineMajorVersion & "."&ScriptEngineMinorVersion

&"."& ScriptEngineBuildVersion %>
Server operating system <%=Request.ServerVariables("OS")%>

Text vertical format
<style type="text/css">

</style>
To remove the dotted border of a hyperlink, add onfocus="this.blur()" to the link.

Insert keywords into web search header
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

Favorites Icon
<link rel = "Shortcut Icon" href = "favicon.ico">

My Computer
file:///::%7B20D04FE0-3AEA-1069-A2D8-08002B30309D}
My Network Places
file:///::%7B208D2C60-3AEA-1069-A2D7-08002B30309D%7D
My Documents
file:///::%7B450D8FBA-AD25-11D0-98A8-0800361B1103%7D
control Panel
file:///::%7B20D04FE0-3AEA-1069-A2D8-08002B30309D%7D/::%7B21EC2020-3AEA-1069-A2DD-08002B30309D}
Recycle Bin
file:///::%7B645FF040-5081-101B-9F08-00AA002F954E%7D

To control the appearance of the image with the mouse, add the following code to the <body> area:
<SCRIPT language="javascript">

</SCRIPT>
2. Add the following code to the <body> area:
<img src="2.gif" style="filter:alpha(opacity=20)"
onMouseOver="makevisible(this,0)"
onMouseOut="makevisible(this,1)">

No image downloads allowed
<A HREF="javascript:void(0)" onMouseover="alert('Sorry, this image cannot be downloaded!')">
<IMG SRC="2.gif" Align="center" Border="0" width="99" height="50"></A>

Page Inlay
<iframe width=291 height=247 src="main.files/news.htm" frameBorder=0></iframe>

Hide scroll bars
<body style="overflow-x:hidden;overflow-y:hidden"

CSS text shadow (defined in <TD>)
.abc{
FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; COLOR: #ffffff;
}

List/Menu
onchange="location=this.options[this.selectedIndex].value"

<iframe id="frm" src="k-xinwen.html" scrolling="no" width="314" height="179"></iframe>
<img src="xiangshang.jpg" onMouseOver="sf=setInterval('frm.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)" width="31" height="31">
<img src="xiangxia.jpg" onMouseOver="sf=setInterval('frm.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)" width="31" height="31" >

reurl = server.htmlencode(request.ServerVariables("HTTP_REFERER"))

How to define connections on the server
MM_www_STRING = "driver={Microsoft access Driver (*.mdb)};dbq=" & server.mappath("../data/www.mdb")

Link to
response.redirect "login.asp"
location.href="xx.asp"

onClick="window.location='login.asp'"
onClick="window.open('')"

Get IP
userip = Request.ServerVariables("HTTP_X_FORWARDED_FOR")
If userip = "" Then userip = Request.ServerVariables("REMOTE_ADDR")

sql="update feedbak set hit=hit+1 where id="&request("id")
conn.execute(sql)

Whether to add intercepted characters...
function formatStr(str,len)
if(len(str)>len)
str = left(str,len) + "..."
end if
formatStr = str
end function

Receiving form
If Ucase(Request.ServerVariables("REQUEST_METHOD")) = "POST" then
end if

Image width
<script language="javascript">

</script>
I'll be Back 22:18:06
<img src="<%=formPath%>/<%=rs("photoname")%>" border="0" onload="javascript:DrawImage(this);">

Jump
<meta http-equiv=refresh content='0; url=/distributor/distributor.aspx'>

Overflow bar setting
visible: The excess part is still displayed;
Hidden: The part beyond is hidden;
scrool: Display the scroll bar regardless of whether the content exceeds the limit.
auto: The scroll bar appears only when the content exceeds the limit;

onMouseOver: The mouse moves over the target;
onMouseUp: when the left mouse button is pressed and released;
onMouseOut: when the mouse moves away;
onMouseDown: when the mouse is pressed (no need to release the left button);
onClink: when clicked;
onDblClick: double click;
onLoad: when loading a web page;
onUnload: when leaving the page;
onResize: When the browser changes the size of the browsing window;
onScroll: When the viewer drags the scroll bar.

CSS Styles
a:link: indicates that it has been linked;
a:hover: indicates when the mouse moves over the link;
a:active: indicates when the link is activated;
a:visited: indicates a link that has been clicked.

Jump out of dialog box link
javascript:alert('lajflsjpjwg')
Back: javascript:history.back(1)
Close the window: javascript:window.close();
Window Restore
function restore(){
window.moveTo(8,8);
window.resizeTo(screen.width-24,screen.availHeight-24);
}

The head area refers to the content between <head> and </head> of the HTML code of the home page.
Required tags

1.Company Copyright Notes


2. Web page displays simplified Chinese character set: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
Traditional Chinese: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
English: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

3. Information about the creator of the website
<META name="author" content="[email protected]">

4. Website Introduction
<META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxxxxx">

5. Search Keywords
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

6. CSS standards for web pages
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(See Catalog and Naming Conventions)

7. Page Title
<title>xxxxxxxxxxxxxxxxxxxxx</title>

.Opt-in tags

1. Set the expiration date of the web page. Once a web page expires, it must be retrieved from the server.
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

2. Prevent the browser from accessing page content from the local machine's cache.
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

3. Used to prevent others from calling your page in the frame.
<META HTTP-EQUIV="Window-target" CONTENT="_top">

4. Automatic jump.
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
5 finger time stays for 5 seconds.

5. Web search robot wizard. Used to tell the search robot which pages need to be indexed and which pages do not need to be indexed.
<META NAME="robots" CONTENT="none">
The parameters of CONTENT are all, none, index, noindex, follow, and nofollow. The default is all.

6. Favorites Icon
<link rel = "Shortcut Icon" href = "favicon.ico">

All javascript calls should be external calls as much as possible.
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

Attached <body> tag:
The <body> tag does not belong to the head area. I would like to emphasize here that in order to ensure browser compatibility, the page background must be set <body bgcolor="#FFFFFF">

Flash transparency: add <param name="wmode" value="transparent"> to the flash source code

Table transparency
style="FILTER: alpha(opacity=72)"

How to add an icon before the URL
1. Go to http://www.favicon.com/ and use its icon editor online to create an icon. He will send you the finished icon via email instantly.
2. Place the icon named favicon.ico in the same folder as index.html. That's it.
Make an icon file with a size of 16*16 pixels. ico file extension and then upload it to the corresponding directory. Add the following code between the HTML source file "<head> </head>":
＜Link Rel="SHORTCUT ICON" href="http://image address (note that it corresponds to the directory just now)"＞
“SHORTCUT ICON” is the name of the icon. Of course, if the user is browsing with IE5 or above, it is even simpler. Just upload the image to the root directory of the website and it will be automatically recognized.

You can display your icon in the bookmarks <link rel="Bookmark" href="favicon.ico">

Status bar connection instructions
<A HREF="Link to somewhere" onmouseOver="window.status='Connection description';return true;" onMouseOut="window.status=' ';">Some link</a>

Link Description
<a href=""Title=Link Description>

Disable right click by adding <body oncontextmenu="return false"> to the <body> tag

Enter spaces in DW to insert N 

Horizontal Line
<hr width="length" size="height" color="color code" noshade> noshade means whether there is shadow

Form Email Submission
< form name="content" method="post" action="mailto:email" >< /form>
The text domain name is Subject, which is the title of the email.

Email link customization
Mailto: address? Subject=email title&bc=copy&bcc=bcc

Background Music
<bgsound src=address loop="-1">

Disable page text selection
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false"

onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">

To eliminate the image toolbar that automatically appears in IE6, set the GALLERYIMG property to false or no.
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">

Prevent the page from resetting to the top when clicking an empty link.
The code "javascript:void(null)" replaces the original "#" mark

How to prevent others from putting your web pages in frames
<script language="javascript">< /script>

Page refresh timer
<meta http-equiv="Refresh" content="seconds" >

The page is redirected to a new address regularly
<meta http-equiv="refresh" content="seconds;URL=url">

Display Date
<script language="javascript">
</script>

Set as Homepage
<A href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('url');">Set as homepage</A>

Add to favorites
<A href="javascript:window.external.AddFavorite('url','title')">Add this site to favorites</A>

Insert text scrolling into a table with 1 row and 1 column and a border of 0. Enter text in the table, select the text,
Press ctrl+t and enter marquee direction="up", then press Enter to make the text scroll upward in the table area.
(right and down can be used to make text or images scroll right and downward. You can also get the required scrolling speed by modifying the original HTML code.

Form Validation
<SCRIPT language=javascript>
function checkform(theform){
if(theform.name.value==""){
alert("Name cannot be empty!");
theform.name.focus();
return false;
}
if(theform.tel.value==""){
alert("Phone cannot be empty!");
theform.tel.focus();
return false;
}
}
</SCRIPT>

Define Mouse
body{cursor: url(cur.ani or cur);}

Insert video as picture
<IMG height=240 loop=infinite dynsrc=http://amedia.efu.com.cn/EFUADD0001.rmvb width=320>

Layer on top of flash
< param name="wmode" value="opaque" >

Delayed Jump
<meta http-equiv=refresh content='3; url=javascript:window.close();'>

Navigation bar color change:
Insert onmouseover="javascript:this.bgColor='#57AE00'" onmouseout="javascript:this.bgColor='#99CCFF'" after the cell <TR

Center
<CENTER></CENTER>

Empty Link
javascript:;

Title Table
<fieldset>
<legend>Description of the table</legend>
</fieldset>

Thin Line Table
style="BORDER-COLLAPSE: collapse;"

Scroll bar color code
BODY
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFCBC8;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFCBC8;
SCROLLBAR-BASE-COLOR: #FFFFFF
}

Continuous English or a bunch of exclamation marks!!! The problem of not automatically wrapping lines. As long as the following sentence is defined in CSS, the web page will not be stretched anymore.

table{table-layout: fixed;}
td{word-break: break-all; word-wrap:break-word;}

A note:

1. The first table{table-layout: fixed;}, this style allows the table to automatically wrap when there are characters such as !!! (exclamation mark) in the table.

2. td{word-break: break-all}. This sentence is usually OK, but in some special cases the page will still stretch, so you need to add the following sentence {word-wrap:break-word;} to solve the problem. This style allows some consecutive English words in a table to wrap automatically.

1. Control the visibility of horizontal and vertical scroll bars?
<body style="overflow-y:hidden"> Remove the x-axis
<body style="overflow-x:hidden"> Remove the y-axis
<body scroll="no">Not visible
2. Table color change
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
style="CURSOR: hand">
3. Disable copying, select by dragging the mouse
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false

onselectstart=event.returnValue=false>
4. Ordinary iframe page
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0">

</iframe>
5. iframe adaptive height
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%"

height="100%" frameborder=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe>
6. Change the icon in the IE address bar to your own icon & display your icon in the favorites
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
7. Font size scaling: More and more people are spending a lot of time surfing the Internet, and the popularity of glasses is also increasing. Make the text bigger so that more users can see it more clearly.
<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">Text that needs to be of a specified size</span>
<a href="javascript:doZoom(16)">Large</a> <a href="javascript:doZoom(14)">Medium</a> <a href="javascript:doZoom(12)">Small</a>
8. To solve the problem of select blocking the div, add the following code to the div and adjust it as needed.
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;">
</iframe>
9. The embedded address filled in for the iframe (embedded frame) adaptive height must be on the same site as this page, otherwise it will prompt "Access denied!". There are permission issues for cross-domain references, please refer to other information.
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%"

frameborder=no onload="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight"></iframe>
10. Jump to new window of menu
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value="http://www.microsoft.com/ie">Internet Explorer</option>
<option value="http://www.microsoft.com/">Microsoft Home</option>
<option value="http://msdn.microsoft.com/"> Developer Network</option>
</select>
11. Flash transparency option
<param name="wmode" value="transparent">
12. Add to favorites and set as homepage
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.makewing.com/lanren/');">Set as homepage</a>

<a href="javascript:window.external.AddFavorite('http://www.makewing.com/lanren/','懒人图库')">Add this site to favorites</a>
13. Record and display the last modification time of the web page
<script language=JavaScript>
document.write("Last updated: " + document.lastModified + "")
</script>
14. Holiday Countdown
<Script Language="JavaScript">
var timedate = new Date("October 1,2002");
var times = "National Day";
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
if (time >= 0)
document.write("From now on, there are: "+time +" days until "+time+")
</Script>
15. Add to HEAD to disable caching
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
16. Make the background of the document in the IFRAME frame transparent
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>
17. Maximize the window when opening it
<script language="JavaScript">

</script>
18. Add background music
<bgsound src="mid/windblue[1].mid" loop="-1"> Only works with IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> Applicable to both Netscape and IE
19. Scroll
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>Scroll information
</marquee>
20. When clicking on an empty link, the page is often reset to the top of the page with the code "javascript:void(null)" instead of the original "#" mark
21. Add a text or picture pop-up window of specified size in the body
<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
Popup Code
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">Picture or text</a>
22. Flash button plus link
on (press) {
getURL("http://www.makewing.com%22,%22_blank/");
}
23. Jump page code
<meta http-equiv="refresh" content="5;url=http://www.makewing.com">
24. Thin Line Divider
<hr noshade size=0 color=#C0C0C0>
25. Automatic line wrapping in web pages
<td style="word-break:break-all">It's done.
The complete
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
26. To eliminate the image toolbar that automatically appears in IE6, set the GALLERYIMG property to false or no.
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
27. Prevent the page body content from being selected
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false"

onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()">
28. You can’t right-click, use CTRL+A, or copy!
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body>
29. IE browser supports a Body property bgproperties, which can prevent the background from scrolling:
<Body Background="Picture file" bgproperties="fixed">
30. Randomly change the background image (a special effect that can refresh your mood)
<Script Language="JavaScript">
image = new Array(4); //Define image as an array of the number of pictures image[0] = 'tu0.gif' //Path of the background image image[1] = 'tu1.gif'
image[2] = 'tu2.gif'
image[3] = 'tu3.gif'
image[4] = 'tu4.gif'
number = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+image[number]+">");
</Script>
31. Flash loading video
on (release)
{
loadMovie("1-01.swf", "_root.loaderclip");
}
32. Image form button
<form id="form1" name="form1" method="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</form>
33. CSS definition method for left and right shadow background
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}
34. Use hand-shaped mouse to cross the link
style="cursor:hand"
35. How to turn off layers
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">Close layer</a>
36. Script to close the window
<a href=javascript:close()>[Close the window]</a>
37. If the text is too long, the longer part will be displayed as ellipsis
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">
<NOBR>For example, there is a line of text that is too long to fit in one line of the table.</NOBR>
</DIV>
38. Automatically maximize after entering the home page
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth, screen.availHeight)
</script>
39. Debossed Text
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;">
<font disabled>
So, am I dented? <br>
Don't you want to try it? <br>
<a href="http://www.lenvo.cn/%22%3Ewww.lenvo.cn%3C/a%3E%3C/font>
</div>
40. Run code box
<script>
function Preview()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60 rows=15></textarea>
<br>
<button onclick=Preview() >Run</button>
41. Link the table
<table width="100%" onclick="window.open('http://www.makewing.com/', '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</table>
42. Make the pop-up window always on top
<body onblur="this.focus();">
43. CSS Text Shadow
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;}
44. Back & Close Window Back: javascript:history.back(1)
Close: javascript:window.close();
45. Transparency of tables
style="FILTER: alpha(opacity=72)"
46. How to prevent others from putting your web page in a frame
<script language="javascript">< /script>
47. The difference between Alt and Title
alt is used to provide a hint for the image. Title is used to give link text or ordinary text prompts.

<a href="#" Title="Give link text hint">Text</a>
<p Title="Link text hint">Text</p>

<img src="image link" alt="give image hint">
48. All JavaScript calls should be external calls as much as possible
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
49. Link to
response.redirect "login.asp"
location.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
50. Basic link styles
a:link indicates the link style
a:active indicates the style of the currently active connection
a:hover indicates the style when the mouse moves over
a:visited indicates the style of the connection that has been visited

"link-visited-hover-active" is abbreviated as "lvha", which means "love" + "hate"
51. Set different text link effect styles on the same page
<style type="text/css">
.green {COLOR: #309633}
.green A:link {COLOR: #309633; TEXT-DECORATION: none}
.green A:visited {COLOR: #309633; TEXT-DECORATION: none}
.green A:hover {COLOR: #309633; TEXT-DECORATION: underline}
.green A:active {COLOR: #309633; TEXT-DECORATION: none}
</style>
<a href="#" class="green">Text</a>

<<: CSS multi-column layout solution

>>: Detailed explanation of javascript event bubbling, event capture and event delegation

Some small methods commonly used in html pages

Analysis and solution of the reasons for left and right jumps when loading web pages

How to set MySQL foreign keys for beginners

Implementation of Jenkins+Docker continuous integration

Detailed explanation of how to enable HSTS in nginx to force the browser to redirect to HTTPS access

Podman boots up the container automatically and compares it with Docker

Examples of preview functions for various types of files in vue3

MySQL uses custom sequences to implement row_number functions (detailed steps)

A more elegant error handling method in JavaScript async await

Nginx server adds Systemd custom service process analysis

MySQL Optimization: Cache Optimization (Continued)

Recommend

How to build your own Nexus private server in Linux

Detailed explanation of MySQL slow log query

Tutorial on how to install and use Ceph distributed software under Linux

Analysis of the implementation process of Docker intranet penetration frp deployment

Detailed explanation of long transaction examples in MySQL

Full-screen drag upload component based on Vue3

Using jQuery to implement the carousel effect

How to change the website accessed by http to https in nginx

MySQL horizontal and vertical table conversion operation implementation method

A brief discussion on the principle of Vue's two-way event binding v-model

How to use Node.js to determine whether a png image has transparent pixels

Deploy the Vue project on a Linux server

What is em? Introduction and conversion method of em and px

Vue SPA first screen optimization solution

Learn the common methods and techniques in JS arrays and become a master