Skip to content

GhostShadow0316/HacTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

HacTags

a javascript library that adds more attributes to html



Features

  • change text, fg/bg color when hovered
  • change text, fg/bg color when clicked
  • change font style
  • add text decoration from attribute
  • change cursor
  • abbreviation


Get Started

Paste this in <head>:

<script defer src="https://cdn.jsdelivr.net/gh/GhostShadow0316/HacTags/hactags.js"></script>

All Attributes


Hover Attributes

  • hoverT="text" change text when hovered
<p hoverT="hovered!">hover me!</p>
  • hoverF="color" change foreground color when hovered
<p hoverF="yellow">hover me!</p>
  • hoverB="color" change background color when hovered
<p hoverB="black">hover me!</p>
  • hoverC="fg bg" change foreground and background color when hovered
<p hoverC="yellow black">hover me!</p>
  • hoverA="action" run action when hovered
<p hoverA="console.log('hovered!')">hover me!</p>

Click Attributes

  • `clickT="text"`` change text when clicked
<p clickT="clicked!">click me!</p>
  • clickF="color" change foreground color when clicked
<p clickF="yellow">click me!</p>
  • clickB="color" change background color when clicked
<p clickB="black">click me!</p>
  • clickC="fg bg" change foreground and background color when clicked
<p clickC="yellow black">click me!</p>
  • clickA="action" run action when clicked
<p clickA="console.log('clicked!')">click me!</p>

Abbreviation Attributes

  • abbr_="a=A; b=B;" replace a to A and b to B, you can add more than two abbreviations
<p abbr_="a=apple; b=banana;">a b cake</p>
  • <abbr_ a="A" b="B" c="C">name</abbr_> a tag to define a abbr variable (this tag won't show on the page)
<abbr_ a="apple" b="banana" c="cake">foods</abbr_>
  • abbrV="name" set attr by variable
<p abbrV="food">a b cake</p>

Font Style Attributes

  • B bold text
<p B>BOLD</p>
  • I italic text
<p I>italic</p>
  • SC small caps text
<p SC>Small Caps</p>
  • UPPER uppercase text
<p UPPER>uppercase</p>
  • LOWER lowercase text
<p LOWER>LOWERCASE</p>
  • TITLE capitalize text
<p TITLE>Capitalize</p>

Text Decoration Attributes

  • underline / underline="color style thickness" underline text
<p underline>underline</p>
<p underline="red wavy 5px">5px red wavy underline</p>

Other Attributes

  • cursor="cursor" set cursor
<p cursor="pointer">link</p>


  • latest update on 2024-01-07

About

A JavaScript library that adds more functionality to html

Resources

Stars

Watchers

Forks

Releases

No releases published