Drop- Down-menu list
Choose
Move the mouse over the button to open the dropdown menu.
Exercise 012: Chat / Message Box
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> Message Box </title> <link rel="stylesheet" href="Exercise 012 Chat box css.css"> </head> <body> <section> <h1> Please click the Chat Button! </h1> <button class="chat-btn"> <b> CHAT </b> </button> <div id="chat-container" onclick="changeColor()" class="chat-popup"> <div class="chat-area"> <div class="income-msg"> <img src="https://i.ibb.co/wJNMZrz/lerry.jpg" class=Lerry alt="Lerry"> <span class="msg"> Lerry: How can i help you? </span> </div> </div> <div class="input-area"> <input id="name-input" type="name" size="10" st...
Comments
Post a Comment