J క్వెరీ తో ఒక అకార్డియన్ రూపంలో సైట్ కోసం లంబ మెను

మెను, మీరు తెలిసిన - సైట్ యొక్క అంతర్భాగమైన. ఆసక్తికరమైన నావిగేట్ ఆన్లైన్ వనరు వడ్డీ సందర్శకులు చేయవచ్చు. అదనంగా, ఏ మెను యొక్క ఒక ముఖ్యమైన లక్షణం - దాని నిబిడత. ఒక సాధారణ నిలువు మెను సులభంగా HTML మరియు CSS ఉపయోగించి రూపొందించినవారు. కానీ మేము మరింత వెళ్ళి: మాకు మెను "అకార్డియన్" j క్వెరీ సహాయంతో సృష్టించడానికి తెలుసుకోవడానికి లెట్.

ఒక మెను "అకార్డియన్" సృష్టించు

ఒక అకార్డియన్ రూపంలో ఒక నిలువు మెను ఏమిటి? ఈ ఒక డ్రాప్ డౌన్ జాబితా, నావిగేట్ ఒక సులభమైన సృష్టిస్తుంది మరియు ఒక అందమైన సైట్ ఇస్తుంది ఉంది. మెను, ఈ విధంగా ప్రదర్శించారు, ఉప అంశాలను చాలా తిరుగులేని అనుమతిస్తుంది. మీరు కోరుకున్న అంశం మీద మౌస్ క్లిక్ చేసినప్పుడు వాటిని యాక్సెస్ ఏర్పడుతుంది. ఎవరో ఇది j క్వెరీ ఉపయోగం లేకుండా ఈ పద్ధతిలో ఒక సాధారణ మెను తయారు సాధ్యం అని చెబుతాను. అవును, అది ఉంది. కానీ ఈ వస్తువు స్మార్ట్ఫోన్లు లేదా మాత్రల యజమానులకు చాలా ఉపయోగకరంగా కాదు. యొక్క అన్ని ఆకర్షణీయంగా, ఒక నిలువు మెను సృష్టించడానికి లెట్. అప్పుడు, ఒక పేజీకి సంబంధించిన లింకులు స్టైలింగ్ రంగు మారుతున్న, అది ఏ సైట్ డిజైన్ సర్దుబాటు ఉంటుంది.

HTML కోడ్

కాబట్టి, మా నిలువు మెను సృష్టించడానికి, మీరు మొదటి, HTML కోడ్ డయల్ చేయాలి క్రింది పంక్తులు కలిగిన:

Accord_menu.html అనే ఫైల్ లో ఈ కోడ్ సేవ్.

మీరు చూడగలరు గా, మేము ఒక క్రమం లేని జాబితా సృష్టించారు. ఇది 3 ప్రధాన అంశాలను కలిగి ఉంటాది:

- ఫోటోలు;

- సినిమాలు;

- పుస్తకాలు.

ప్రతి అంశం కొన్ని పేరాలు ఉంది. # ఉంటాయి ఎక్కడ, మీరు లింకులు జోడించాలి. ఇప్పుడు అది శైలిని వివరించడానికి ముఖ్యం. ఇది అన్ని మీ ఇంటర్నెట్ వనరు యొక్క రూపాన్ని ఆధారపడి ఉంటుంది. సైట్ దాని రూపకల్పనలో శాంతియుతంగా సమ్మిళితం చేయవలసి కోసం లంబ మెను.

CSS కోడ్

శైలులు మీకు కష్టం ఉండకూడదు. మేము ఈ ఉదాహరణలో ఒక ప్రవణత పూరక మాత్రమే ఉపయోగిస్తుంది గమనించండి. ఇక్కడ CSS-code:

రంగు CSS ఫైల్ లో వివరింపబడినది, పరిమాణం గుర్తులను ఎడమవైపు జాబితాలో అంశాలను నుండి తొలగిస్తారు. ఇది మీరు హోవర్ చేసినప్పుడు ప్రతి అంశం మరియు ఉప మెను లో ప్రవర్తించే ఎలా నిర్ణయిస్తారు. ఉదాహరణకు:

# E1fee2 - ఈ లేత ఆకుపచ్చ రంగు ఉప.

# C4f0f7 మీరు వాటిని హోవర్ చేసినప్పుడు -golubovaty ఛాయను సబ్.

ప్రదర్శన ఆస్తి అవసరం పాడింగ్ మరియు పరిమాణం సర్దుబాటు బ్లాక్ విలువ అడగండి. రంగు, పరిమాణం, ఫాంట్, నగర - ప్రతిదీ CSS ఫైల్ లో వివరించడానికి ఉంది. ఇది accordionmenu_my1.css, ఉదాహరణకు, కాల్.

కనెక్ట్ j క్వెరీ మెను మెరుగుదలలు

మీరు రీకాల్ వంటి, మా లక్ష్యం - ఒక నిలువు మెను j క్వెరీ సృష్టించడానికి. మీరు ఈ సాంకేతికత తెలిసిన లేకపోతే, చింతించకండి. మేము Google నిక్షేప ఉపయోగించడానికి మరియు j క్వెరీ స్క్రిప్ట్ కనెక్ట్. ఇది మరింత ఆకర్షణీయమైన మెను చేస్తుంది. j క్వెరీ హైపర్టెక్స్ట్ మార్కప్ HTML మరియు JavaScript యొక్క పరస్పర ఆధారంగా ఒక JavaScript లైబ్రరీ. j క్వెరీ మీరు అంశాల కంటెంట్ మరియు లక్షణాలను ప్రాప్తి చేయడానికి అనుమతిస్తుంది.

కాబట్టి, HTML ఫైల్ యొక్క శరీరం అవసరమైన స్క్రిప్ట్ కనెక్ట్ అయ్యేందుకు మరియు గుర్రం రేసింగ్ అంశాలకు తప్ప, 2 వేరియబుల్స్ నిల్వ నియమాలు సెట్. ఒక మౌస్ క్లిక్ ఉంది దీనిలో ఒక ప్రారంభ సమయంలో ఇతర ట్యాబ్లను మూసివేయడానికి కోడ్ సహకరించండి. ఇక్కడ అది కనిపిస్తుంది ఎలా:

అన్ని మార్పులను సేవ్ ఇది బ్రౌజర్ మెనూ కనిపిస్తుంది ఏమి చూడండి. ఆ ఒక సాధారణ ఫలితం: ఫలితంగా, మేము మీరు ఎల్లప్పుడూ వారి ప్రాధాన్యతలను బట్టి, మార్చగలడని ఒక ఆకర్షణీయమైన మెను వచ్చారు. మరియు j క్వెరీ, CSS రంగంలో కొత్త జ్ఞానం పొందిన, మీరు సైట్ యొక్క ఏకైక అంశాలు, వారి నైపుణ్యాలను మెరుగుపరుచుకోవడానికి సృష్టిస్తుంది.